/****************************************************************************************************************************************************************
THIS FILE IS GENERATED WITH CODEKIT, DO NOT MAKE CHANGES DIRECTLY TO THIS FILE.
MAKE CHANGES ON APPROPRIATE SCSS FILES AND COMPILE THE STYLESHEET

COMPILE DATE - 
9-21-2020

Partials
****************************************************************************************************************************************************************/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */

.openpos{
    text-align:center;
    margin-top:100px;
}
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/************************************************************************************
SLICK SLIDER STYLES
************************************************************************************/
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 32px; height: 61px; margin-top: -26px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

/*	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none!important; border: none!important; background: transparent; }*/
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir='rtl'] .slick-prev { right: -25px; left: auto; }

.slick-prev:before { content: ' '; }

[dir='rtl'] .slick-prev:before { content: ' '; }

.slick-next { right: -25px; }

[dir='rtl'] .slick-next { right: auto; left: -25px; }

.slick-next:before { content: ' '; }

[dir='rtl'] .slick-next:before { content: ' '; }

button.slick-prev { z-index: 99; position: absolute; top: 50%; left: -30px; font-size: 0 !important; background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: 0px 0px !important; background-repeat: no-repeat; width: 32px; height: 62px; margin-top: -25px; transform: translateY(-50%); }

button.slick-prev:hover { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: 0 -70px !important; }

button.slick-next { z-index: 99; position: absolute; top: 50%; right: -30px; font-size: 0 !important; background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: -42px 0px !important; background-repeat: no-repeat; width: 32px; height: 62px; margin-top: -25px; transform: translateY(-50%); }

button.slick-next:hover { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: -42px -70px !important; }

.slick-dots { margin: 30px auto 0; }

.slick-dots li { width: 12px; height: 11px; }

.slick-dots li button { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: -79px -70px !important; }

.slick-dots li.slick-active button, .slick-dots li button:hover { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: -5px -70px !important; }

.slick-dots li button::before { opacity: 0 !important; }

.slick-lightbox-slick-caption { width: 100%; display: block; background: #ccc; text-align: left; padding: 5px 15px; box-sizing: border-box; }

/******************** Variables ********************/
/****************************************************************************************************************************************************************
Templates
****************************************************************************************************************************************************************/
/******************** Paragraphs ********************/
h1 { font-weight: 300; font-size: 48px; font-family: "Oswald", sans-serif; line-height: 1.4em; }

h2 { font-weight: 300; font-size: 48px; font-family: "Oswald", sans-serif; line-height: 1.0em; margin-top: 0; margin-bottom: 30px; }

h3 { font-weight: 400; text-transform: uppercase; font-size: 24px; text-decoration: none; line-height: 1.2em; font-family: "Oswald", sans-serif; }

h4 { font-size: 35px; font-family: "Oswald", sans-serif; font-weight: 600; text-transform: uppercase; color: #222; position: relative; }

p { margin: 0 0 15px 0; padding: 0; line-height: 1.6em; font-size: 20px; color: #717070;  }

a.yellow-button, body .section-blogs-grid .blog-post .content a.readmore, .section-blogs-intro .content a, .blog-pagination a, #find-a-dealer.section-block-truck .content-right a, .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .text a, .section-abr .item-wrap .item-contact a, #defense-supplier.section-banner-lines a, .section-certifications .content a, .section-cev-callouts a, #custom-cabs .content-bottom a, .section-positions p a, #find-dealer.section-banner-lines a, #intro-content.section-content a { position: relative; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 30px; border: 4px solid #cb201f; color: #fff; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 15px 65px 15px 30px; background-color: #cb201f; background-image: url("../../../../../../../../../../hubfs/2019/arrow-white.png"); background-repeat: no-repeat; background-color: #cb201f; background-position: right 20px center; cursor:pointer; }

a.yellow-button:hover, body .section-blogs-grid .blog-post .content a.readmore:hover, .section-blogs-intro .content a:hover, .blog-pagination a:hover, #find-a-dealer.section-block-truck .content-right a:hover, .section-commercial-truck-grid .item-wrap .item-contact a:hover, .section-commercial-truck-grid .item-wrap .text a:hover, .section-abr .item-wrap .item-contact a:hover, #defense-supplier.section-banner-lines a:hover, .section-certifications .content a:hover, .section-cev-callouts a:hover, #custom-cabs .content-bottom a:hover, .section-positions p a:hover, #find-dealer.section-banner-lines a:hover, #intro-content.section-content a:hover { background-position: right 15px center; }

a.gray-button { font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 18px; border: 4px solid #cb201f; color: #fff; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 5px 45px 5px 25px; background-image: url("../../../../../../../../../../hubfs/2019/arrow-white.png"); background-size: auto 1.0em; background-repeat: no-repeat; background-color: #cb201f; background-position: right 20px center; }

a.gray-button:hover { background-position: right 15px center; }

ul li {  color: #717070; font-size: 17px; font-weight: 400; line-height: 1.6em; padding-bottom: 5px; }

a { outline: none; opacity: 1.0; }

a:hover { outline: none; }

sup { font-size: 0.7em; }

h1, h2, h3, h4, h5, h6, p, sup, strong, a { transition: 0.2s ease-in-out; }

@media only screen and (max-width: 767px) { h2 { font-size: 36px; margin-bottom: 25px; } p { font-size: 15px; } sup { font-size: 0.5em; } .container h4 { font-size: 22px; } .container p { font-size: 16px; } }

/******************** Page Setup ********************/
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

html, body { color: #717070; font-family: "Oswald", sans-serif; min-height: 100%; }

body { min-width: 320px; padding: 0; margin: 0 auto; font-family: "Oswald", sans-serif; }

div { box-sizing: border-box; z-index: 3; position: relative; }

.body-container-wrapper { background: #fff; }

#wrapper { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }

#page-wrapper { position: relative; }

#wrapper-main { background: #fff; width: 100%; }

#main { width: 100%; max-width: 1000px; margin: 0 auto; padding: 30px 20px; }

#main-content { background: #fff; padding: 30px 0 0; }

div.sections { max-width: 1000px; width: 100%; margin: 0 auto; }

img { max-width: 100%; height: auto; display: block; }

img:not([srcset]) { width: auto; height: auto; max-width: 100%; }

/******************** Header  ********************/
#wrapper-all { width: 100%; position: relative; height: 100%; overflow: hidden; }

.footer-container-wrapper, .body-container-wrapper { overflow: hidden; }

.header-container-wrapper { z-index: 99; }

#wrapper-header { width: 100%; height: 150px; margin: 0 auto; padding: 0; color: #fff; position: absolute; top: 0; left: 0; z-index: 99; }

.hs-menu-wrapper { position: relative; z-index: 98; }

#header-box { width: 285px; height: 285px; position: absolute; top: 0; left: 0; }

#header-box #headerbg { width: 100%; height: 100%; transform: skew(-45deg); transform-origin: top right; background: #cb201f; position: absolute; top: 0; right: 0px; z-index: -1; }

#header-box #headerbg1 { width: 100%; height: 100%; transform: skew(-45deg); transform-origin: top right; background: #cb201f; position: absolute; top: 0; right: 0px; z-index: -1; }






#header-box #menu-button { width: 55px; height: 66px; position: absolute; top: 43px; left: 130px; z-index: 99; cursor: pointer; }

#header-box #menu-button span { background: #000; position: absolute; left: 0; height: 5px; transition: 0.1s ease-in-out; }

#header-box #menu-button span#top { width: 55px; top: 18px; transition-delay: 0s; }

#header-box #menu-button span#middle { width: 40px; top: 32px; transition-delay: 0.1s; }

#header-box #menu-button span#bottom { width: 25px; top: 46px; transition-delay: 0.2s; }

#header-box #menu-button.hoverstate span#top, #header-box #menu-button:hover span#top { width: 60px; }

#header-box #menu-button.hoverstate span#middle, #header-box #menu-button:hover span#middle { width: 45px; }

#header-box #menu-button.hoverstate span#bottom, #header-box #menu-button:hover span#bottom { width: 30px; }

@media only screen and (max-width: 767px) { #header-box { width: calc(100% - 10px); height: 60px; } #header-box #logo { width: 40px; left: 20px; top: 10px; } #header-box #menu-button, #header-box #menu-button:hover { left: auto; right: 30px; top: 10px; } #header-box #menu-button span, #header-box #menu-button:hover span { height: 3px; } #header-box #menu-button span#top, #header-box #menu-button:hover span#top { top: 7px; width: 40px; } #header-box #menu-button span#middle, #header-box #menu-button:hover span#middle { top: 18px; width: 30px; } #header-box #menu-button span#bottom, #header-box #menu-button:hover span#bottom { top: 30px; width: 20px; } }

/******************** Main Menu That Slides Out ********************/
#wrapper-menu { background: #222222; position: absolute; z-index: -1; top: 50%; transform: translateY(-50%); display: inline-block; left: -2000px; transition: 0.8s ease-in-out; }

#wrapper-menu.active { left: 0; }

#wrapper-menu ul { margin: 0; padding: 0 0 0 255px; display: inline-block; }

#wrapper-menu ul li { list-style: none; float: left; margin: 0; padding: 0; }

#wrapper-menu ul li a { text-decoration: none; color: #fff; font-weight: 400; text-transform: uppercase; padding: 15px 10px; display: block; font-family: "Oswald", sans-serif; font-size: 18px; }

#wrapper-menu ul li a:hover, #wrapper-menu ul li.current-menu-item a, #wrapper-menu ul li.active a { color: #f1872f; transform: scale(1.05); }

#wrapper-menu:before { content: ''; width: 50%; height: 100%; background: #222222; position: absolute; bottom: 0; right: -30px; z-index: -1; transform: skew(-45deg); }

#wrapper-menu-close { content: 'X'; position: absolute; top: 10px; right: 10px; color: #fff; font-size: 30px; padding: 5px 10px; cursor: pointer; display: none; z-index: 99; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-right: 3px solid #fff; border-left: 3px solid #fff; width: 40px; height: 38px; text-align: center; line-height: 0.7em; }

#wrapper-menu-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 97; background: rgba(0, 0, 0, 0.9); display: none; }

@media only screen and (max-width: 767px) { #wrapper-menu { position: fixed; top: 0; transform: translate(-50%, 0); width: 100%; min-height: 100%; z-index: 999; background: none; transition: 0.4s ease-in-out; } #wrapper-menu:before { display: none; } #wrapper-menu .hs-menu-wrapper { margin: 0 auto; max-width: 450px; } #wrapper-menu ul { padding: 50px 50px; margin: 0 auto; display: block; z-index: 98; position: relative; } #wrapper-menu ul li { float: none; text-align: center; } #wrapper-menu ul li a { text-align: center; display: inline-block; font-size: 24px; } #wrapper-menu #wrapper-menu-close, #wrapper-menu #wrapper-menu-overlay { display: block; } #wrapper-menu.active { left: 50%; } #wrapper-menu.active #wrapper-menu-close { display: block; } #wrapper-menu.active #wrapper-menu-overlay { display: block; } }

/******************** Banner ********************/
#banner { text-align: center; padding: 0; width: 100%; margin: 0 auto; box-sizing: border-box; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 500px; }

#banner h1 { width: 100%; margin: 0 auto; padding: 30px 20px 40px; color: #fff; text-shadow: 5px 5px 15px black; text-align: center; font-weight: 100; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; font-size: 90px; font-weight: 600; font-family: "Oswald", sans-serif; text-transform: uppercase; box-sizing: border-box; }

#banner img { max-width: none; width: 100%; opacity: 0; }

@media only screen and (max-width: 1800px) { #banner h1 { font-size: 85px; } }

@media only screen and (max-width: 1600px) { #banner h1 { font-size: 80px; padding: 30px 20px 30px; } }

@media only screen and (max-width: 1200px) { #banner h1 { font-size: 60px; } }

@media only screen and (max-width: 1000px) { #banner h1 { font-size: 50px; } }

@media only screen and (max-width: 767px) { #banner { min-height: 300px; } #banner h1 { font-size: 30px; padding: 30px 20px; } }

/******************** Intro Text By Banner ********************/
.blackbar #wrapper-intro-text:before { background: #000; }

.active-button-tab #wrapper-intro-text #intro-text p:before { opacity: 1 !important; }

#wrapper-intro-text #intro-text:hover p:before { opacity: 1; }

#wrapper-intro-text { margin-top: -20px; width: 100%; overflow: hidden; }

#wrapper-intro-text:before { content: ''; width: 100%; height: 40px; background: #575757; position: absolute; bottom: 0; left: 0; }

#wrapper-intro-text a { color: #000; text-transform: uppercase; font-size: 25px; font-weight: 500; text-decoration: none; }

#wrapper-intro-text #intro-text { right: 0; width: 300px; float: right; position: relative; transition: 0.2s ease-in-out; }

#wrapper-intro-text #intro-text:hover { right: -10px; }

#wrapper-intro-text #intro-text:after { content: ''; width: 200%; height: 100%; background: #ffcc00; transform: skew(-45deg); position: absolute; top: 0; left: -30px; z-index: -1; }

#wrapper-intro-text #intro-text p { display: inline-block; padding: 10px 30px; position: relative; margin: 0; color: #000; text-transform: uppercase; font-size: 25px; font-weight: 600; font-family: "Oswald", sans-serif; }

#wrapper-intro-text #intro-text p:before { content: ''; opacity: 0; transition: 0.2s ease-in-out; width: calc(100% - 60px); height: 4px; left: 30px; bottom: 10px; background: #000; position: absolute; }

@media only screen and (max-width: 768px) { #wrapper-intro-text #intro-text { min-width: 0; width: auto; } #wrapper-intro-text #intro-text p { font-size: 18px; padding: 10px 30px; } }

@media only screen and (max-width: 700px) { #wrapper-intro-text #intro-text:after { left: -10px; } #wrapper-intro-text #intro-text p { font-size: 16px; padding: 10px 20px; } }

/******************** Fire & Emergency Submenu Grey Sub Menu Bar ********************/
#fast-track-submenu { max-width: 420px; }

#fe-submenu { max-width: 470px; }

#fe-submenu, #fast-track-submenu { background: #575757; position: absolute; bottom: 0; width: 100%; right: 365px; }

#fe-submenu ul, #fast-track-submenu ul { margin: 0; padding: 0; display: inline-block; }

#fe-submenu ul li, #fast-track-submenu ul li { margin: 0 5px; padding: 0; list-style: none; display: inline-block; text-align: center; font-size: 16px; font-weight: 400; font-family: "Oswald", sans-serif; }

#fe-submenu ul li a, #fast-track-submenu ul li a { color: #fff; text-transform: uppercase; text-decoration: none; padding: 5px; display: block; border-bottom: 3px solid #575757; font-weight: 400; font-size: 16px; font-family: "Oswald", sans-serif; }

#fe-submenu ul li:hover a, #fe-submenu ul li.active a, #fast-track-submenu ul li:hover a, #fast-track-submenu ul li.active a { border-bottom: 3px solid #ffcc00; }

@media only screen and (max-width: 850px) { .section-1-fe #fe-submenu { right: 305px; } .section-1-fe #wrapper-intro-text #intro-text { width: 210px; } }

@media only screen and (max-width: 768px) { #fast-track-submenu { right: 225px; } .section-1-fe #fe-submenu { right: 245px; } .section-1-fe #wrapper-intro-text #intro-text { width: 190px; } }

@media only screen and (max-width: 700px) { .section-1-fe #fe-submenu { right: 0px; } .section-1-fe #wrapper-intro-text #intro-text { text-align: center; } .section-1-fe #wrapper-intro-text { height: 85px; } .section-1-fe #wrapper-intro-text #intro-text { width: 100%; } .section-1-fe #wrapper-intro-text #intro-text:after { transform: skew(0deg); } .section-1-fe #fe-submenu { right: 0; width: 100%; max-width: none; margin: 0 auto; padding: 0; display: block; text-align: center; } .section-1-fe #fe-submenu ul li a { font-size: 14px; padding: 5px 5px; } }

@media only screen and (max-width: 700px) { .fast-track #fe-submenu { right: 180px; } }

@media only screen and (max-width: 550px) { .section-1-fe #fe-submenu ul li a { padding: 5px 0; } }

@media only screen and (max-width: 400px) { .section-1-fe #fe-submenu ul li:first-child { display: none; } }

.row-number-1 { z-index: 9; }

/******************** Black Submenu Navigation Bar ********************/
#wrapper-sub-menu-page-nav.full-submenu { display: block; }

#wrapper-sub-menu-page-nav { background: #000; }

#wrapper-sub-menu-page-nav .submenu-button { display: none; }

#wrapper-sub-menu-page-nav .sub-menu-page-nav { margin: 0 auto; padding: 10px 30px; text-align: center; }

#wrapper-sub-menu-page-nav .sub-menu-page-nav ul { margin: 0; padding: 0; display: inline-block; }

#wrapper-sub-menu-page-nav .sub-menu-page-nav ul li { margin: 0 5px; padding: 0; list-style: none; display: inline-block; text-align: center; }

#wrapper-sub-menu-page-nav .sub-menu-page-nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 10px 5px 10px; margin-bottom: 5px; display: block; border-bottom: 5px solid #000; font-weight: 400; font-size: 18px; font-family: "Oswald", sans-serif; }

#wrapper-sub-menu-page-nav .sub-menu-page-nav ul li:hover a, #wrapper-sub-menu-page-nav .sub-menu-page-nav ul li.active-branch a, #wrapper-sub-menu-page-nav .sub-menu-page-nav ul li.active a { border-bottom: 5px solid #ffcc00; transform: scale(1.1); }

#wrapper-sub-menu-page-nav .sub-menu-page-nav ul.hs-menu-children-wrapper { display: none !important; }

@media only screen and (max-width: 767px) { #wrapper-sub-menu-page-nav { height: auto; overflow: hidden; padding: 10px 30px; } #wrapper-sub-menu-page-nav .submenu-button { display: block; } #wrapper-sub-menu-page-nav .submenu-button { color: #fff; text-transform: uppercase; font-weight: 400; font-size: 18px; font-family: "Oswald", sans-serif; position: relative; cursor: pointer; line-height: 1.0em; padding: 16px 60px 16px 30px; display: inline-block; border: 2px solid #fff; } #wrapper-sub-menu-page-nav .submenu-button:after { content: ''; width: 8px; height: 8px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%) rotate(135deg) scaleY(1); transition: 0.2s ease-in-out; border-top: 3px solid #fff; border-right: 3px solid #fff; } #wrapper-sub-menu-page-nav .sub-menu-page-nav.active .submenu-button:after { transform: translateY(-50%) rotate(220deg) scaleY(-1); } #wrapper-sub-menu-page-nav .sub-menu-page-nav.active ul { max-height: 500px; } #wrapper-sub-menu-page-nav .sub-menu-page-nav ul { max-height: 0; overflow: hidden; display: block; transition: 0.2s ease-in-out; } #wrapper-sub-menu-page-nav .sub-menu-page-nav ul li { display: block; width: 100%; text-align: center; } #wrapper-sub-menu-page-nav .sub-menu-page-nav ul li a { display: inline-block; } #wrapper-sub-menu-page-nav .sub-menu-page-nav { margin: 0 auto; padding: 10px 0px; } }

/******************** Footer ********************/
#wrapper-footer { background: #fff; border-top: 1px solid #ccc; width: 100%; }

#wrapper-footer .footer-top { display: flex; flex-direction: row; flex-wrap: nowrap; max-width: 1100px; margin: 0 auto; padding: 15px 100px; }

#wrapper-footer .footer-bottom { max-width: 1100px; margin: 0 auto; padding: 0px; }

#wrapper-footer .footer-left { flex: 25%; }

#wrapper-footer .footer-left > ul, #wrapper-footer .footer-left div.hs-menu-wrapper > ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }

#wrapper-footer .footer-left > ul li, #wrapper-footer .footer-left div.hs-menu-wrapper > ul li { padding-right: 10%; }

#wrapper-footer .footer-left > ul li ul, #wrapper-footer .footer-left div.hs-menu-wrapper > ul li ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

#wrapper-footer .footer-right { flex: 20%; }

#wrapper-footer .footer-right img { margin: 0; padding: 0 0 36px; }

#wrapper-footer .footer-right p { font-size: 14px;  line-height: 1.8em; }

#wrapper-footer .footer-right p strong { font-weight: bold; }

#wrapper-footer .footer-right p a { text-decoration: none; color: #fff; }

#wrapper-footer .footer-right ul { margin: 0; }

#wrapper-footer .footer-right ul li { margin: 0; }

#wrapper-footer .footer-right ul li a { border-bottom: 0; padding: 0 0 15px 0; color: #fff; }

#wrapper-footer ul { margin: 0; padding: 0; }

#wrapper-footer ul li { list-style: none; text-transform: uppercase; font-size: 17px; margin: 0 0 30px; }

#wrapper-footer ul li.active > a, #wrapper-footer ul li:hover > a { color: #ffc800; }

#wrapper-footer ul li a { color: #fff; text-decoration: none; padding: 5px 0 5px 5px; margin: 0 0 10px 0; border-bottom: 2px solid #000; display: block; font-family: "Oswald", sans-serif; }

#wrapper-footer ul li ul { transition: 0.4s ease-in-out; }

#wrapper-footer ul li ul li { margin: 0; font-size: 15px; display: block; }

#wrapper-footer ul li ul li.active > a { color: #ffc800; }

#wrapper-footer ul li ul li a { border-bottom: none; padding: 5px 0 5px 5px; }

#wrapper-footer ul li ul li a:hover { color: #ffc800; }

#wrapper-footer p { color: #000; font-size: 14px; margin: 0; padding: 0; line-height: 1.8em;}

#wrapper-footer .social-links { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 20px auto; padding: 20px 0; border-top: 2px solid #000; border-bottom: 2px solid #000; }

#wrapper-footer .social-links a { flex: 33.33%; text-align: center; }

#wrapper-footer .social-links a img { display: block; margin: 0 auto; padding: 0; }

#wrapper-footer .copyright { text-align: center; }

#wrapper-footer .copyright p { font-family: "Roboto", sans-serif; font-size: 12px; text-align: center; margin: 0 auto; padding: 0; }

@media only screen and (max-width: 768px) { #wrapper-footer .footer-top { display: flex; flex-direction: column; flex-wrap: nowrap; padding: 30px; } #wrapper-footer .footer-right { flex: 100%; order: 2; } #wrapper-footer .footer-right img { margin: 0 auto; padding: 0 0 20px 0; } #wrapper-footer .footer-right p { text-align: center; } #wrapper-footer .footer-right ul li { width: 50%; float: left; text-align: center; } #wrapper-footer .footer-right a { color: #fff; } #wrapper-footer .footer-bottom { padding: 0px 30px 30px 30px; } #wrapper-footer .footer-left > ul, #wrapper-footer .footer-left div.hs-menu-wrapper > ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; width: 100%; } #wrapper-footer .footer-left > ul li ul, #wrapper-footer .footer-left div.hs-menu-wrapper > ul li ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #wrapper-footer .footer-left { flex: 100%; order: 1; padding-bottom: 30px; } #wrapper-footer .footer-left .hs-menu-wrapper > ul > li, #wrapper-footer .footer-left > ul > li { position: relative; padding-right: 60px; box-sizing: border-box; } #wrapper-footer .footer-left .hs-menu-wrapper > ul > li > a, #wrapper-footer .footer-left > ul > li > a { border-bottom: 0; position: relative; padding-bottom: 8px; } #wrapper-footer .footer-left .hs-menu-wrapper > ul > li > a:after, #wrapper-footer .footer-left > ul > li > a:after { content: ''; height: 100%; width: calc(100% + 60px); position: absolute; bottom: 0; left: 0; border-bottom: 2px solid #000; pointer-events: none; } #wrapper-footer .footer-left .hs-menu-wrapper > ul > li.hs-item-has-children:after, #wrapper-footer .footer-left .hs-menu-wrapper > ul > li.has-children:after, #wrapper-footer .footer-left > ul > li.hs-item-has-children:after, #wrapper-footer .footer-left > ul > li.has-children:after { content: ''; width: 8px; height: 8px; position: absolute; top: 10px; right: 10px; transform: rotate(135deg) scaleY(1); transform-style: preserve-3d; transition: 0.2s ease-in-out; border-top: 3px solid #fff; border-right: 3px solid #fff; } #wrapper-footer .footer-left .hs-menu-wrapper > ul > li.active.hs-item-has-children:after, #wrapper-footer .footer-left .hs-menu-wrapper > ul > li.active.has-children:after, #wrapper-footer .footer-left > ul > li.active.hs-item-has-children:after, #wrapper-footer .footer-left > ul > li.active.has-children:after { transform: rotate(225deg) scaleY(-1); } #wrapper-footer .footer-left ul li { margin: 0 0 10px; } #wrapper-footer .footer-left ul li a { padding-right: 20px; display: block; } #wrapper-footer .footer-left ul li ul { max-height: 0px; overflow: hidden; } #wrapper-footer .footer-left ul li.active:after { transform: rotate(225deg) scaleY(-1); } #wrapper-footer .footer-left ul li.active ul { max-height: 1000px; } }

/******************** FORM ********************/
form .hs-error-msgs.inputs-list label { color: #ffc800; font-family: "Roboto", sans-serif; font-size: 16px; margin: -10px 0 15px 15px; position: relative; display: block; }

form .hs_error_rollup { border: 2px solid #ffc800; padding: 5px 20px; display: inline-block; text-transform: uppercase; background: #404040; font-size: 18px; margin: 15px 0; position: relative; }

form .hs_error_rollup .hs-error-msgs.inputs-list label { margin: 0; }

form ul { padding: 0; margin: 0; }

form ul li { list-style: none; }

#stayconnected form .hs-error-msgs.inputs-list label { margin: 0 15px; }

#stayconnected form .hs_error_rollup { display: none !important; }

.section-team-contact form textarea, .section-team-contact form input { margin: 10px 0; }

/******************** STAY CONNECTED SECTION ********************/
#wrapper-stayconnected { background: #b2b1b1; padding: 15px 30px; }

#wrapper-stayconnected p { font-family: "Roboto", sans-serif; text-align: center; color: #000; font-size: 17px; margin: 0; padding: 0; }

#wrapper-stayconnected p strong { font-family: "Oswald", sans-serif; font-weight: 500; font-size: 30px; text-transform: uppercase; }

#wrapper-stayconnected form { width: 100%; max-width: 465px; margin: 10px auto; position: relative; }

#wrapper-stayconnected form .hs-form-required { display: none; }

#wrapper-stayconnected form .hs-error-msgs.inputs-list label { display: block; }

#wrapper-stayconnected form input { width: 100%; font-style: italic; font-family: "Roboto", sans-serif; padding: 10px 50px 10px 20px; border: none; outline: none; background: #fff; box-sizing: border-box; }

#wrapper-stayconnected form .hs_submit.hs-submit { position: absolute; top: 20px; right: 20px; transition: 0.2s ease-in-out; }

#wrapper-stayconnected form input[type="submit"] { background: url("../../../../../../../../../../hubfs/2019/arrow.jpg") no-repeat #fff; background-position: right 0px center; width: 19px; height: 23px; position: absolute; padding: 0; top: 50%; right: 20px; transform: translateY(-50%); font-size: 0; }

#header-box #logoshort { display:none; }

#header-box #logoshort a { display: block; }

#header-box #logoshort img { width: 100%; height: auto; }

#header-box #logo { width: 70px; position: absolute; top: 43px; left: 30px; }

#header-box #logo a { display: block; }

#header-box #logo img { width: 100%; height: auto; }


@media only screen and (max-width: 550px) { #wrapper-stayconnected p { font-size: 12px; } #wrapper-stayconnected p strong { font-size: 25px; } 


#header-box #logo { display:none; }

#header-box #logo a { display: block; }

#header-box #logo img { width: 100%; height: auto; }


#header-box #logoshort {display:block; width: 145px; position: absolute; top: 4px; left: 0px; }

#header-box #logoshort a { display: block; }

#header-box #logoshort img { width: 100%; height: auto; }




}

/******************** Angled Title Bar ********************/
.title-angle:after, .section-latest-news .title-color p:after { content: ''; width: 50%; height: 100%; top: 0; right: -30px; position: absolute; background: #404040; z-index: -1; transform: skew(-45deg); }

/******************** Contact Marion Section ********************/
.section-contact-marion { margin: 60px auto; }

.section-contact-marion .container { max-width: 1140px; margin: 0 auto; position: relative; padding: 30px 0 0 30px; }

.section-contact-marion .container:before { content: ''; width: 200vw; height: 100%; position: absolute; left: 65%; top: 0; border: 2px solid #bcbcbc; transform: skew(-45deg); transform-origin: bottom; }

.section-contact-marion .container img { max-width: none; width: 100%; }

.section-contact-marion .container .inner { position: relative; z-index: 1; padding-bottom: 53px; overflow: hidden; }

.section-contact-marion .container .inner:before { content: ''; width: 60%; height: 100%; position: absolute; left: -35%; bottom: 0; background: #fff; transform: skew(-45deg); transform-origin: top; z-index: 2; }

.section-contact-marion .container a.yellow-button, .section-contact-marion .container body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .section-contact-marion .container a.readmore, .section-contact-marion .container .section-blogs-intro .content a, .section-blogs-intro .content .section-contact-marion .container a, .section-contact-marion .container .blog-pagination a, .blog-pagination .section-contact-marion .container a, .section-contact-marion .container #find-a-dealer.section-block-truck .content-right a, #find-a-dealer.section-block-truck .content-right .section-contact-marion .container a, .section-contact-marion .container .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .section-contact-marion .container a, .section-contact-marion .container .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .section-contact-marion .container a, .section-contact-marion .container .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .section-contact-marion .container a, .section-contact-marion .container #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .section-contact-marion .container a, .section-contact-marion .container .section-certifications .content a, .section-certifications .content .section-contact-marion .container a, .section-contact-marion .container .section-cev-callouts a, .section-cev-callouts .section-contact-marion .container a, .section-contact-marion .container #custom-cabs .content-bottom a, #custom-cabs .content-bottom .section-contact-marion .container a, .section-contact-marion .container .section-positions p a, .section-positions p .section-contact-marion .container a, .section-contact-marion .container #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .section-contact-marion .container a, .section-contact-marion .container #intro-content.section-content a, #intro-content.section-content .section-contact-marion .container a { position: absolute; bottom: 20px; right: 10%; z-index: 10; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.35); }

@media only screen and (max-width: 768px) { .section-contact-marion { margin: 30px auto; } .section-contact-marion .container:before { width: 200vw; left: 25%; top: 0px; } }

/****************************** Intro Content ******************************/
.section-block-truck .container { display: flex; flex-direction: row; align-content: flex-start; max-width: 1180px; margin: 0 auto 60px; padding: 60px 30px 30px 30px; }

.section-block-truck.section-block-truck-reverse .content-left { order: 2; padding-right: 50px; }

.section-block-truck.section-block-truck-reverse .content-left img { right: auto; left: 50px; }

.section-block-truck.section-block-truck-reverse .content-right { order: 1; padding-left: 0; }

.section-block-truck.section-block-truck-reverse .content-right h4:before { left: auto; right: -200px; }

.section-block-truck .content-left { flex: 50%; position: relative; z-index: 2; padding-right: 0; }

.section-block-truck .content-left img { position: absolute; top: 0; right: 0; min-width: 500px; width: 100%; }

.section-block-truck ul li { margin: 0 0 10px 0; padding: 0; line-height: 1.6em; font-size: 20px; color: #222; font-family: "Roboto", sans-serif; }

.section-block-truck .content-right { flex: 50%; position: relative; z-index: 1; padding-left: 50px; min-height: 25em; }

.section-block-truck .content-right h4 { position: relative; padding-bottom: 30px; margin: 0 0 30px; }

.section-block-truck .content-right h4:before { content: ''; position: absolute; bottom: 0; left: -200px; width: 3000px; height: 3px; background: #ffc800; z-index: -1; }

.section-block-truck .content-right p { color: #222; }

.section-block-truck .content-right p a.yellow-button, .section-block-truck .content-right p body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .section-block-truck .content-right p a.readmore, .section-block-truck .content-right p .section-blogs-intro .content a, .section-blogs-intro .content .section-block-truck .content-right p a, .section-block-truck .content-right p .blog-pagination a, .blog-pagination .section-block-truck .content-right p a, #find-a-dealer.section-block-truck .content-right p a, .section-block-truck .content-right p .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .section-block-truck .content-right p a, .section-block-truck .content-right p .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .section-block-truck .content-right p a, .section-block-truck .content-right p .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .section-block-truck .content-right p a, .section-block-truck .content-right p #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .section-block-truck .content-right p a, .section-block-truck .content-right p .section-certifications .content a, .section-certifications .content .section-block-truck .content-right p a, .section-block-truck .content-right p .section-cev-callouts a, .section-cev-callouts .section-block-truck .content-right p a, .section-block-truck .content-right p #custom-cabs .content-bottom a, #custom-cabs .content-bottom .section-block-truck .content-right p a, .section-block-truck .content-right .section-positions p a, .section-positions .section-block-truck .content-right p a, .section-block-truck .content-right p #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .section-block-truck .content-right p a, .section-block-truck .content-right p #intro-content.section-content a, #intro-content.section-content .section-block-truck .content-right p a { margin: 30px auto; }

.section-block-truck .content-right p a { color: #222; font-weight: 600; }

@media only screen and (max-width: 768px) { .section-block-truck .container, .section-block-truck.section-block-truck-reverse .container { flex-direction: column; } .section-block-truck .content-left, .section-block-truck.section-block-truck-reverse .content-left { padding: 0 30px 30px; order: 1; } .section-block-truck .content-left img, .section-block-truck.section-block-truck-reverse .content-left img { position: relative; top: auto; right: auto; left: auto; min-width: 0; } .section-block-truck .content-right, .section-block-truck.section-block-truck-reverse .content-right { min-height: 0; order: 2; } }

/****************************** Contact Form Section ******************************/
.section-team-contact { background: #fff; padding: 0; margin: 30px 0 0 0; position: relative; }

.section-team-contact:before { content: ''; width: 300vw; height: calc(100% - 22px); top: 20px; right: -30px; position: absolute; z-index: -1; transform: skew(-45deg); border-top: 2px solid #ffc800; border-right: 3px solid #ffc800; }

.section-team-contact .container { max-width: 950px; margin: 0 auto; }

.section-team-contact .inner { padding: 0 30px; }

.section-team-contact .inner p { color: #fff; font-size: 17px; font-family: "Roboto", sans-serif; margin: 10px 0 20px; }

.section-team-contact .title-color { display: inline-block; width: auto; padding: 20px 30px 20px 30px; margin: -15px 0 15px 0; }

.section-team-contact .title-color:before { content: ''; width: 300vw; height: 100%; top: 0; right: -30px; position: absolute; background: #000; z-index: -1; transform: skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); }

.section-team-contact .title-color p { color: #ffc800; margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; position: relative; height: auto; }

.section-team-contact form { padding: 0 0 30px 0; box-sizing: border-box; }

.section-team-contact form .hs-form-required { display: none; }

.section-team-contact form textarea, .section-team-contact form input , .section-team-contact form select{ width: 100%; margin: 0 0 25px; padding: 15px;  font-size: 16px; box-sizing: border-box; }

.section-team-contact form textarea::-webkit-input-placeholder, .section-team-contact form input::-webkit-input-placeholder { color: #000; }

.section-team-contact form textarea::-moz-placeholder, .section-team-contact form input::-moz-placeholder { color: #000; }

.section-team-contact form textarea:-ms-input-placeholder, .section-team-contact form input:-ms-input-placeholder { color: #000; }

.section-team-contact form textarea::-ms-input-placeholder, .section-team-contact form input::-ms-input-placeholder { color: #000; }

.section-team-contact form textarea::placeholder, .section-team-contact form input::placeholder { color: #000; }

.section-team-contact form ul { margin: 0; padding: 0; }

.section-team-contact form ul li { list-style: none; margin: 0; padding: 0; }

.section-team-contact form .hs_submit { margin-top: 15px; }

.section-team-contact form .hs_checkbox label input { width: 25px; display: inline-block; height: 18px; margin: 0px 0 5px 0; }

.section-team-contact form .hs_checkbox label span { color: #fff; font-size: 17px; font-family: "Roboto", sans-serif; padding-left: 5px; }

.section-team-contact form input[type="submit"] { font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 26px; border: 4px solid #ffc800; color: #222; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 12px 100px 12px 70px; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: #ffc800; background-position: right 60px center; background-size: auto 40%; width: auto; transition: 0.2s ease-in-out; }

.section-team-contact form input[type="submit"]:hover { background-position: right 55px center; }

/****************************** Centered Large Image Section ******************************/
.section-content-image .container { max-width: 970px; margin: 0 auto 30px; padding: 0 30px; }

.section-content-image .image-brand-wrap { position: relative; padding: 10px; overflow: hidden; }

.section-content-image .image-brand-wrap:after { content: ''; width: 44px; height: 43px; position: absolute; bottom: 35px; right: 35px; z-index: 2; background-image: url("../../../../../../../../../../hubfs/2019/logo-marion-gray.jpg"); background-size: contain; background-position: bottom right; background-repeat: no-repeat; }

.section-content-image .image-brand-wrap:before { content: ''; width: 375px; height: 375px; position: absolute; right: -200px; bottom: 0; background: #ffc800; opacity: 0.8; transform: skew(-45deg); transform-origin: bottom; z-index: 1; }

@media only screen and (max-width: 550px) { .section-content-image .image-brand-wrap:after { bottom: 15px; right: 15px; width: 30px; height: 30px; } .section-content-image .image-brand-wrap:before { right: -275px; } }

/****************************** Lightbox Link ******************************/
a.popup-youtube { display: block; }

h4 { opacity: 0.2; transition: 1s ease-in-out; top: -15px; transition-delay: 0.5s; }

h4.animate { opacity: 1; top: 0; }

.title-color { left: -100%; transition: 1s ease-in-out; }

.title-color.animate { left: 0px; }

.section-contact-marion .container .inner .yellow-button, .section-contact-marion .container .inner body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .section-contact-marion .container .inner a.readmore, .section-contact-marion .container .inner .section-blogs-intro .content a, .section-blogs-intro .content .section-contact-marion .container .inner a, .section-contact-marion .container .inner .blog-pagination a, .blog-pagination .section-contact-marion .container .inner a, .section-contact-marion .container .inner #find-a-dealer.section-block-truck .content-right a, #find-a-dealer.section-block-truck .content-right .section-contact-marion .container .inner a, .section-contact-marion .container .inner .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .section-contact-marion .container .inner a, .section-contact-marion .container .inner .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .section-contact-marion .container .inner a, .section-contact-marion .container .inner .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .section-contact-marion .container .inner a, .section-contact-marion .container .inner #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .section-contact-marion .container .inner a, .section-contact-marion .container .inner .section-certifications .content a, .section-certifications .content .section-contact-marion .container .inner a, .section-contact-marion .container .inner .section-cev-callouts a, .section-cev-callouts .section-contact-marion .container .inner a, .section-contact-marion .container .inner #custom-cabs .content-bottom a, #custom-cabs .content-bottom .section-contact-marion .container .inner a, .section-contact-marion .container .inner .section-positions p a, .section-positions p .section-contact-marion .container .inner a, .section-contact-marion .container .inner #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .section-contact-marion .container .inner a, .section-contact-marion .container .inner #intro-content.section-content a, #intro-content.section-content .section-contact-marion .container .inner a { bottom: 100%; transition: 1s ease-in-out; }

.section-contact-marion.animate .container .inner .yellow-button, .section-contact-marion.animate .container .inner body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .section-contact-marion.animate .container .inner a.readmore, .section-contact-marion.animate .container .inner .section-blogs-intro .content a, .section-blogs-intro .content .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner .blog-pagination a, .blog-pagination .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner #find-a-dealer.section-block-truck .content-right a, #find-a-dealer.section-block-truck .content-right .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner .section-certifications .content a, .section-certifications .content .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner .section-cev-callouts a, .section-cev-callouts .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner #custom-cabs .content-bottom a, #custom-cabs .content-bottom .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner .section-positions p a, .section-positions p .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .section-contact-marion.animate .container .inner a, .section-contact-marion.animate .container .inner #intro-content.section-content a, #intro-content.section-content .section-contact-marion.animate .container .inner a { bottom: 20px; }

.section-free-guide .image img, .download-brochure .image img { top: -35px; transition: 1s ease-in-out; position: relative; }

.section-free-guide.animate .image img, .download-brochure.animate .image img { top: 0px; }

.section-certifications .column img { opacity: 0; transition: 0.4s ease-in-out; }

.section-certifications .column:first-child img { transition-delay: 0s; }

.section-certifications .column:nth-child(2) img { transition-delay: 0.2s; }

.section-certifications .column:nth-child(3) img { transition-delay: 0.4s; }

.section-certifications.animate .column img { opacity: 1; }

.section-testimonial .content-right .inner img { position: relative; top: -100px; transition: 0.2s ease-in-out; }

.section-testimonial.animate .content-right .inner img { top: 0px; }

.section-banner-lines .header-color { margin-left: -100%; transition: 0.4s ease-in-out; }

.section-banner-lines.animate .header-color { margin-left: 0; }

#find-dealer.section-banner-lines a { margin-left: -100%; transition: 0.4s ease-in-out; }

#find-dealer.section-banner-lines.animate a { margin-left: 0; }

.section-videos-grid .row-top .column:first-child { left: -100%; transition: 0.4s ease-in-out; }

.section-videos-grid.animate .row-top .column:first-child { left: 0; }

/****************************************************************************************************************************************************************
*
* HOME Template
*
****************************************************************************************************************************************************************/
.slidewrap-home { overflow: hidden; width: 100%; height: 100%; }

#homepage-header { text-align: center; padding: 0; width: 100%; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat; height: 600px; overflow: visible; z-index: 9; }

#homepage-header:before { content: ''; position: absolute; top: 0px; left: 30%; width: 12px; height: 1000px; background: #cb201f; transform: skew(-45deg); transform-origin: top left; z-index: 1; }

#homepage-header .banner-text { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 4; pointer-events: none; }

#homepage-header .banner-text img { display: block; width: 450px; height: auto; }

#homepage-header .banner-images { width: calc(100% + 400px); left: 50%;  position: absolute; bottom: 0; transform: translateX(-50%); }

#homepage-header .banner-images .banner-image { text-align: center; padding: 0 200px; }

#homepage-header .banner-images .banner-image img { display: block; margin: 0 auto; padding: 0; max-width: 100%; height: auto; }

@media only screen and (max-width: 1300px) { #homepage-header .banner-images { width: calc(120% + 500px); } }

@media only screen and (max-width: 1200px) { #homepage-header .banner-text img { width: 450px; } #homepage-header .banner-images .banner-image { padding: 0 150px; } }

@media only screen and (max-width: 1000px) { #homepage-header .banner-images { width: calc(120% + 200px); } #homepage-header .banner-text img { max-width: 400px; } #homepage-header .banner-images .banner-image { padding: 0 100px; } #homepage-header { height: 350px; } 
}

@media only screen and (max-width: 650px) { #homepage-header .banner-images { width: 100%; bottom: 50%; top:100px} #homepage-header .banner-images .banner-image { padding: 0 30px; } #homepage-header .banner-text img { width: 350px; } #homepage-header { height: 350px; }

.image_logo{display:none;} 

#homepage-header .banner-text { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 4; pointer-events: none; }
}

@media only screen and (max-width: 480px) { #homepage-header .banner-text img { width: 250px; } }

/****************************** Intro Content *******************************/
.section-content .container { max-width: 1040px; margin: 0 auto; padding: 0 30px; }

.section-content .full { width: 100%; }

.section-content .half-wrap { display: flex; flex-wrap: nowrap; }

.section-content .half-wrap .left-half { flex: 40%; padding-bottom: 40px; padding-top: 0px;margin-right: 30px;}

.section-content .half-wrap .right-half { flex: 40%; margin-left: 30px; }

.section-content h1 { font-size: 35px; font-weight: 600; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #222222; text-align: center;}

.section-content h4 { border-bottom: 2px solid #ffc800; margin: 0 0 40px 0; padding: 0 0 30px 0; line-height: 1.4em; }

.section-content ul { margin: 0; padding: 0 25px; }

.section-content ul li { margin: 0; padding: 0 10px 15px 0; }

.section-content a.document-download { background-image: url("../../../../../../../../../../hubfs/2019/icon-document.png"); background-repeat: no-repeat; background-position: left center; padding: 25px 0 25px 75px; margin: 15px 0 15px 42px; color: #5c5c5c; text-decoration: none; font-weight: bold; font-size: 25px; display: block; font-family: "Roboto", sans-serif; }

@media only screen and (max-width: 550px) { .section-content .half-wrap { flex-direction: column; } .section-content .half-wrap .left-half { flex: 50%; margin-right: 0px;} .section-content .half-wrap .right-half { flex: 50%;margin-left: 0px; } .section-content .half-wrap ul li { font-size: 16px; padding: 0 10px 5px 0; } }

/****************************** Intro Content - OLD ******************************/
/****************************** Keys Grid *******************************/
.section-keys-grid .container-top { display: flex; flex-direction: row; padding: 30px 180px 0; max-width: 1600px; margin: 0 auto; }

.section-keys-grid .container-top .number { width: 23%; margin: 0 1%; height: 300px; transform: skew(-45deg) translateZ(0); transition: 0.2s ease-in-out; overflow: hidden; position: relative; }

.section-keys-grid .container-top .number.active, .section-keys-grid .container-top .number:hover { transform: scale(1.05) skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); }

.section-keys-grid .container-top .number:before { background-position: center; background-size: cover; background-repeat: no-repeat; min-width: 550px; width: 230%; height: 100%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) skew(45deg); }

.section-keys-grid .container-top .number[data-number="1"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/keys-1-bw.jpg"); }

.section-keys-grid .container-top .number[data-number="1"] .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-1-outline.png"); }

.section-keys-grid .container-top .number.active[data-number="1"]:before, .section-keys-grid .container-top .number[data-number="1"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/keys-1-color.jpg"); }

.section-keys-grid .container-top .number.active[data-number="1"] .inner, .section-keys-grid .container-top .number[data-number="1"]:hover .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-1-solid.png"); }

.section-keys-grid .container-top .number[data-number="2"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/keys-2-bw.jpg"); }

.section-keys-grid .container-top .number[data-number="2"] .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-2-outline.png"); }

.section-keys-grid .container-top .number.active[data-number="2"]:before, .section-keys-grid .container-top .number[data-number="2"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/keys-2-color.jpg"); }

.section-keys-grid .container-top .number.active[data-number="2"] .inner, .section-keys-grid .container-top .number[data-number="2"]:hover .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-2-solid.png"); }

.section-keys-grid .container-top .number[data-number="3"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/keys-3-bw.jpg"); }

.section-keys-grid .container-top .number[data-number="3"] .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-3-outline.png"); }

.section-keys-grid .container-top .number.active[data-number="3"]:before, .section-keys-grid .container-top .number[data-number="3"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/keys-3-color.jpg"); }

.section-keys-grid .container-top .number.active[data-number="3"] .inner, .section-keys-grid .container-top .number[data-number="3"]:hover .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-3-solid.png"); }

.section-keys-grid .container-top .number[data-number="4"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/keys-4-bw.jpg"); }

.section-keys-grid .container-top .number[data-number="4"] .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-4-outline.png"); }

.section-keys-grid .container-top .number.active[data-number="4"]:before, .section-keys-grid .container-top .number[data-number="4"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/keys-4-color.jpg"); }

.section-keys-grid .container-top .number.active[data-number="4"] .inner, .section-keys-grid .container-top .number[data-number="4"]:hover .inner { background-image: url("../../../../../../../../../../hubfs/2019/home-key-4-solid.png"); }

.section-keys-grid .container-top .number .inner { width: 200px; height: 250px; position: absolute; top: 50%; left: 50%; background-size: cover; transform: translate(-50%, -50%) skew(45deg); }

.section-keys-grid .container-top:before { content: ''; width: 100vw; height: 150%; position: absolute; left: calc(105% - 40px); bottom: 40%; border-left: 2px solid #bcbcbc; border-bottom: 2px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; z-index: -1; }

.section-keys-grid .container-top:after { content: ''; width: 100vw; height: 110%; position: absolute; left: 110%; bottom: 105%; border-left: 8px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; z-index: -1; }

.section-keys-grid .container-bottom { padding: 30px; max-width: 960px; margin: 0 auto; }

.section-keys-grid .container-bottom h4 { font-size: 30px; font-family: "Oswald", sans-serif; color: #222; text-align: center; text-transform: uppercase; margin: 0 auto 30px; padding: 0; }

.section-keys-grid .container-bottom p { font-size: 20px; font-family: "Roboto", sans-serif; color: #222; text-align: center; }

.section-keys-grid .container-bottom p strong { font-weight: 900; }

.section-keys-grid .container-bottom .number-content { display: none; }

.section-keys-grid .container-bottom .number-content.active { display: block; }

@media only screen and (max-width: 1000px) { .section-keys-grid .container-top { padding: 30px 100px 0; } .section-keys-grid .container-top .number { height: 150px; } .section-keys-grid .container-top .number .inner { background-size: 100% auto; width: 100px; height: 125px; } }

@media only screen and (max-width: 768px) { .section-keys-grid .container-top:before { left: 110%; } .section-keys-grid .container-top:after { left: 120%; } }

@media only screen and (max-width: 600px) { .section-keys-grid .container-top { padding: 30px 50px 0; } .section-keys-grid .container-top .number { height: 100px; width: 21%; margin: 0 2%; } .section-keys-grid .container-top .number .inner { background-size: 100% auto; width: 75px; height: 94px; } .section-keys-grid .container-bottom h4 { font-size: 22px; } .section-keys-grid .container-bottom p { font-size: 18px; } }

/****************************** Testimonials *******************************/
.section-testimonial { padding: 60px 0; }

.section-testimonial .container { max-width: 1140px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: top; }

.section-testimonial .content-left { flex: 50%; padding-right: 50px; box-sizing: border-box; }

.section-testimonial .content-left:before { content: ''; width: 200vw; height: 300%; position: absolute; right: -60px; top: -30px; border: 2px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; }

.section-testimonial .content-left .inner { position: relative; }

.section-testimonial .content-left .inner .inner-container { height: 100%; width: 100%; position: relative; display: inline-block; }

.section-testimonial .content-left .inner .inner-container:before { content: ''; width: 10px; height: calc(100% + 40px); position: absolute; right: 70px; bottom: -50px; background: #ffcc01; transform: skew(-45deg); transform-origin: center; z-index: -1; }

.section-testimonial .content-left .inner img { margin: 0; display: block; float: right; }

.section-testimonial .content-left .inner p { position: absolute; bottom: -8px; right: 0; margin: 0; max-width: 75%; font-size: 20px; text-align: right; font-family: "Roboto", sans-serif; text-transform: uppercase; line-height: 1.4em; color: #222; }

.section-testimonial .content-right { flex: 50%; }

.section-testimonial .content-right .inner { padding: 45px 10% 0 30px; }

.section-testimonial .content-right p { font-size: 20px; font-family: "Roboto", sans-serif; padding: 40px 20px 20px 0; }

@media only screen and (max-width: 768px) { .section-testimonial { padding: 0; margin: 0 auto; max-width: 480px; } .section-testimonial .container { display: block; } .section-testimonial .content-left { width: 100%; padding-bottom: 30px; } .section-testimonial .content-left .inner .inner-container:before { right: 45px; } .section-testimonial .content-left .inner p { font-size: 16px; } .section-testimonial .content-right { width: 100%; padding: 50px 0 0; } .section-testimonial .content-right p { margin: 0; } }

/****************************** Free Guide Ebook ******************************/
.section-free-guide { margin-bottom: 30px; position: relative; z-index: 10; }

.section-free-guide .container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }

.section-free-guide .content-left { flex: 35%; justify-content: right; z-index: 1; position: relative; margin-top: 50px; }

.section-free-guide .content-left:before { content: ''; width: 200vw; height: 100%; position: absolute; /*right: 2vw;*/ top: 0; background: #f3f3f1; transform: skew(-45deg); transform-origin: bottom; }

.section-free-guide .content-left .inner { max-width: 425px; float: right; padding: 30px 50px; }

.section-free-guide .content-left p { font-family: "Oswald", sans-serif; font-size: 30px; margin: 0; line-height: 1.2em; }

.section-free-guide .content-left p strong { text-transform: uppercase; font-weight: 500; }

.section-free-guide .image { flex: 90%; z-index: 3; position: relative; }

.section-free-guide .image img { width: 100%; height: auto; }

.section-free-guide .content-right { flex: 35%; z-index: 2; padding: 60px 20px; margin-bottom: 50px; position: relative; }

.section-free-guide .content-right:before { content: ''; width: 200vw; height: 100%; position: absolute; left: -35vw; top: 0; border: 2px solid #bcbcbc; transform: skew(-45deg); transform-origin: bottom; }

.section-free-guide .content-right .inner { max-width: 245px; }

.section-free-guide .content-right p { font-family: "Roboto", sans-serif; font-style: italic; color: #222; text-transform: uppercase; }

.section-latest-news a { font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 23px; border: 4px solid #ae1b19; color: #fff; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 15px 50px 15px 30px; background: url(../../../../../../../../../../hubfs/2019/arrow-white.png) no-repeat; background-position: right 20px center; margin-top:20px;background-color: #cb201f;}

.section-free-guide .content-right a:hover { background-position: right 15px center; }

@media only screen and (max-width: 900px) { .section-free-guide .container { flex-direction: column; } .section-free-guide .container .inner { max-width: none; } .section-free-guide .container .content-left:before { right: 40px; height: calc(100% + 100px); } .section-free-guide .container .content-right { padding: 20px 20px; width: 100%; } .section-free-guide .container .content-right:before { left: -175px; transform-origin: bottom; height: calc(100% + 100px); top: -100px; } .section-free-guide .container .content-right .inner { max-width: 350px; margin: 0; } }

/****************************** Deffense supplier Documents ******************************/
#find-dealer.section-banner-lines { margin: 60px auto 90px; position: relative; overflow: visible; padding-top: 45px; z-index: 5; }

#find-dealer.section-banner-lines a { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.45); background: #ffcc00; color: #222; text-transform: uppercase; font-size: 30px; font-weight: 500; display: inline-block; padding: 25px 50px; line-height: 1.0em; }

#find-dealer.section-banner-lines:before { content: ''; position: absolute; top: 0; left: 35%; width: 100%; height: 100%; border-top: 5px solid #d7d7d7; border-left: 8px solid #d7d7d7; transform: skew(-45deg); transform-origin: top; z-index: 10; }

#find-dealer.section-banner-lines .header-color { position: absolute; top: 20px; left: 25%; z-index: 20; bottom: 0; transform: translateY(50%); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.45); }

#find-dealer.section-banner-lines .header-color p { margin: 0; padding: 0; }

#find-dealer.section-banner-lines .container { width: 100%; margin: 0 auto; position: relative; }

#find-dealer.section-banner-lines .container .image { position: relative; background-image: url("../../../../../../../../../../hubfs/2019/fire-truck-find-a-dealer.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; }

#find-dealer.section-banner-lines .container .image img { opacity: 0; }

#find-dealer.section-banner-lines .container .image:before { content: ''; position: absolute; top: 0; left: 18%; width: 15px; height: 100%; background: #ffc800; transform: skew(-45deg); transform-origin: top; z-index: 1; }

#find-dealer.section-banner-lines .container .image:after { content: ''; position: absolute; top: 0; right: -12%; width: 25px; height: 100%; border-right: 15px solid #ffc800; border-left: 5px solid #fff; transform: skew(-45deg); transform-origin: top; z-index: 1; }

@media only screen and (max-width: 900px) { .section-defense-supplier-documents .header-color { bottom: -20px; } .section-defense-supplier-documents .header-color p { font-size: 20px; padding: 20px 50px 20px 30px; } }

@media only screen and (max-width: 768px) { a.yellow-button, body .section-blogs-grid .blog-post .content a.readmore, .section-blogs-intro .content a, .blog-pagination a, #find-a-dealer.section-block-truck .content-right a, .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .text a, .section-abr .item-wrap .item-contact a, #defense-supplier.section-banner-lines a, .section-certifications .content a, .section-cev-callouts a, #custom-cabs .content-bottom a, .section-positions p a, #intro-content.section-content a, #find-dealer.section-banner-lines a, .section-banner-lines a { font-size: 20px; padding: 10px 50px 10px 30px; background-size: auto 55%; } }

/****************************** LATEST NEWS ******************************/
.section-latest-news { margin: 0 auto; padding: 60px 0; }

.section-latest-news .container { width: 100%; max-width: 1140px; margin: 0 auto; }

.section-latest-news a { text-decoration: none; }

.section-latest-news .left-half { padding: 0; }

.section-latest-news .title-color { transform: translateY(-50%); top: 0; position: absolute; left: 30px; z-index: 10; }

.section-latest-news .title-color p { background: #404040; color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; padding: 15px 50px; display: inline-block; position: relative; height: auto; }

.section-latest-news .title-color p:after { background: #404040; }

.section-latest-news .content { background: #f3f3f1; padding: 50px 50% 30px 80px; }

.section-latest-news .content h4 { font-size: 30px; font-family: "Oswald", sans-serif; color: #222; margin: 0 0 20px; }

.section-latest-news .content p { font-size: 20px; font-weight: 400;  color: #222; margin: 0; }

.section-latest-news .right-half { position: absolute; top: -20px; right: 0; width: 55%; z-index: 10; height: calc(100% + 40px); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); }

.section-latest-news .right-half .image { width: 100%; height: 100%; background-image: url("../../../../../../../../../../hubfs/2019/latest-news.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0% 100%); }

.section-latest-news .right-half .image img { opacity: 0; }

@media only screen and (max-width: 900px) { .section-latest-news .content { padding: 50px 80px 30px 80px; } .section-latest-news .right-half { position: relative; margin: 0 auto; width: 100%; top: 0; } .section-latest-news .right-half .image { -webkit-clip-path: none; clip-path: none; } .section-latest-news .right-half .image img { max-width: none; width: 100%; } }

@media only screen and (max-width: 768px) { .section-latest-news .title-color { left: 0; } .section-latest-news .title-color p { padding: 15px 50px 15px 30px; } .section-latest-news .content { padding: 50px 30px 30px 30px; } }

.banner-text:after { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.45); position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%); box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.5); }

/****************************************************************************************************************************************************************
*
* About Template
*
****************************************************************************************************************************************************************/
/****************************** Section 3 Content ******************************/
.section-content.section-content-about { overflow: hidden; padding-top: 60px; padding-bottom: 100px; }

.section-content.section-content-about p { color: #222; font-size: 17px; }

.section-content.section-content-about:before { content: ''; width: 1000px; height: 1000px; position: absolute; left: 95%; top: 55%; border-top: 2px solid #bcbcbc; border-left: 3px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; }

.section-content.section-content-about:after { content: ''; width: 6px; height: 338px; position: absolute; right: -2.5%; top: 50%; background: #ffc800; transform: skew(-45deg); transform-origin: top; }

@media only screen and (max-width: 768px) { .section-content.section-content-about:after { right: -4%; } }

@media only screen and (max-width: 600px) { .section-content.section-content-about { padding-bottom: 80px; } .section-content.section-content-about:before { left: 98%; top: 85%; } .section-content.section-content-about:after { height: 150px; right: -12%; top: 81%; } .section-content.section-content-about .half-wrap { flex-direction: column; } .section-content.section-content-about .half-wrap .right-half, .section-content.section-content-about .half-wrap .left-half { padding: 0; } }

/****************************** About Grid ******************************/
.section-about-callouts { background: #f3f3f1; padding: 60px 30px 30px; }

.section-about-callouts .container { max-width: 1140px; margin: 0 auto; }

.section-about-callouts h4 { border-bottom: 4px solid #ffc800; margin: 0 0 30px 0; padding: 0 0 30px; }

.section-about-callouts .row { display: flex; flex-direction: row; padding: 45px 0; }

.section-about-callouts .row:first-child .column:first-child:before { content: ''; width: 10px; height: 100%; position: absolute; right: -30%; top: -30px; background: #ffcc01; transform: skew(-45deg); transform-origin: center; z-index: -1; }

.section-about-callouts .row:first-child .column:first-child:after { content: ''; width: 3000px; height: 90%; position: absolute; right: -60%; top: -50px; border-top: 4px solid #b2b1b1; border-right: 6px solid #b2b1b1; transform: skew(-45deg); transform-origin: top; z-index: -1; }

.section-about-callouts .row:last-child .column:last-child:before { content: ''; width: 8px; height: 1000px; position: absolute; left: 82%; bottom: 30%; background: #ffcc01; transform: skew(-45deg); transform-origin: bottom left; z-index: -1; }

.section-about-callouts .row:last-child .column:last-child:after { content: ''; width: 3000px; height: 80%; max-height: 260px; position: absolute; left: 65%; top: 30%; border-bottom: 2px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-left: 3px solid #b2b1b1; transform: skew(-45deg); transform-origin: bottom left; z-index: -2; }

.section-about-callouts .row:nth-child(even) .column:last-child { flex: 60%; order: 1; }

.section-about-callouts .row:nth-child(even) .column:first-child { flex: 40%; order: 2; }

.section-about-callouts .row:nth-child(even) .column:first-child h4, .section-about-callouts .row:nth-child(even) .column:first-child p { padding-left: 45px; }

.section-about-callouts .row:nth-child(odd) .column:first-child { flex: 40%; }

.section-about-callouts .row:nth-child(odd) .column:first-child h4, .section-about-callouts .row:nth-child(odd) .column:first-child p { padding-right: 45px; }

.section-about-callouts .row:nth-child(odd) .column:last-child { flex: 60%; }

.section-about-callouts a { font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 23px; border: 4px solid #ffc800; color: #222; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 15px 65px 15px 30px; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: none; background-position: right 20px center; background-size: auto 50%; }

.section-about-callouts a:hover { background-position: right 15px center; }

.section-about-callouts p { font-size: 17px; color: #222; }

@media only screen and (max-width: 1100px) { .section-about-callouts .row:first-child .column:first-child:before { right: -50%; max-height: 300px; } .section-about-callouts .row:first-child .column:first-child:after { right: -90%; max-height: 280px; } }

@media only screen and (max-width: 768px) { .section-about-callouts .container .row { flex-direction: column; } .section-about-callouts .container .row img { padding-bottom: 30px; } .section-about-callouts .container .row:nth-child(odd) .column:first-child, .section-about-callouts .container .row:nth-child(even) .column:first-child { order: 2; } .section-about-callouts .container .row:nth-child(odd) .column:last-child, .section-about-callouts .container .row:nth-child(even) .column:last-child { order: 1; } .section-about-callouts .container .row:nth-child(odd) .column h4, .section-about-callouts .container .row:nth-child(odd) .column p, .section-about-callouts .container .row:nth-child(even) .column h4, .section-about-callouts .container .row:nth-child(even) .column p { padding-left: 0px; } .section-about-callouts .container .row:first-child .column:first-child:before { right: -120px; max-height: 300px; } .section-about-callouts .container .row:first-child .column:first-child:after { right: -220px; max-height: 280px; } .section-about-callouts .container .row:last-child .column:last-child:before { bottom: 30px; right: 90px; } .section-about-callouts .container .row:last-child .column:last-child:after { bottom: 10px; top: auto; left: 70%; } }

/****************************************************************************************************************************************************************
*
* History Template
*
****************************************************************************************************************************************************************/
/****************************** History Intro ******************************/
.section-history-intro { margin-bottom: 30px; }

.section-history-intro .container { display: flex; flex-direction: row; align-content: flex-start; max-width: 1180px; margin: 0 auto; padding: 30px 30px 0 30px; }

.section-history-intro .content-left { flex: 50%; position: relative; z-index: 1; padding-left: 50px; min-height: 25em; padding-left: 0; padding-top: 30px; }

.section-history-intro .content-left h4 { position: relative; padding-bottom: 30px; margin: 0 0 30px; }

.section-history-intro .content-left h4:before { content: ''; position: absolute; bottom: 0; left: 0; width: 175%; height: 3px; background: #ffc800; z-index: -1; }

.section-history-intro .content-left p a.yellow-button, .section-history-intro .content-left p body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .section-history-intro .content-left p a.readmore, .section-history-intro .content-left p .section-blogs-intro .content a, .section-blogs-intro .content .section-history-intro .content-left p a, .section-history-intro .content-left p .blog-pagination a, .blog-pagination .section-history-intro .content-left p a, .section-history-intro .content-left p #find-a-dealer.section-block-truck .content-right a, #find-a-dealer.section-block-truck .content-right .section-history-intro .content-left p a, .section-history-intro .content-left p .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .section-history-intro .content-left p a, .section-history-intro .content-left p .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .section-history-intro .content-left p a, .section-history-intro .content-left p .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .section-history-intro .content-left p a, .section-history-intro .content-left p #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .section-history-intro .content-left p a, .section-history-intro .content-left p .section-certifications .content a, .section-certifications .content .section-history-intro .content-left p a, .section-history-intro .content-left p .section-cev-callouts a, .section-cev-callouts .section-history-intro .content-left p a, .section-history-intro .content-left p #custom-cabs .content-bottom a, #custom-cabs .content-bottom .section-history-intro .content-left p a, .section-history-intro .content-left .section-positions p a, .section-positions .section-history-intro .content-left p a, .section-history-intro .content-left p #intro-content.section-content a, #intro-content.section-content .section-history-intro .content-left p a, .section-history-intro .content-left p #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .section-history-intro .content-left p a { margin: 30px auto; }

.section-history-intro .content-right { flex: 50%; position: relative; z-index: 2; padding-top: 30px; }

.section-history-intro .content-right img { position: absolute; bottom: 0; right: 0; min-width: 500px; width: 100%; }

.section-history-intro .content-right:before { content: ''; width: 3000px; height: 1px; position: absolute; bottom: 0; right: 0; border-bottom: 4px solid #d7d7d7; z-index: 8; }

.section-history-intro .content-right:after { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 85%; background: #fff; border-left: 6px solid #d7d7d7; transform: skew(-45deg); z-index: 9; }

@media only screen and (max-width: 768px) { .section-history-intro .container { flex-direction: column; } .section-history-intro .content-right { padding: 0 30px; } .section-history-intro .content-right:after { left: 90%; } .section-history-intro .content-right img { position: relative; top: auto; right: auto; left: auto; min-width: 0; } .section-history-intro .content-left { min-height: 0; } }

/****************************** History Slider ******************************/
body.ie .section-history-slider .container .history-slider-wrap:before, body.safari .section-history-slider .container .history-slider-wrap:before { opacity: 0.3 !important; }

.section-history-slider .container { max-width: 1180px; margin: 0 auto; padding: 30px 0; }

.section-history-slider .container .history-slider-wrap:before { content: ''; width: 37%; height: 100%; position: absolute; top: 0; left: 47%; transform: skew(-45deg) translateX(-50%); z-index: 10; transition: 0.1s ease-in-out; transition-delay: 0s; background-color: #ffc800; pointer-events: none; z-index: 25; opacity: 0.8; mix-blend-mode: color; }

.section-history-slider .container .history-slider-wrap:after { content: ''; width: 37%; height: 100%; position: absolute; top: 0; left: 47%; transform: skew(-45deg) translateX(-50%); z-index: 10; transition: 0.1s ease-in-out; transition-delay: 0s; background-color: #ffc800; pointer-events: none; z-index: -5; }

.section-history-slider h4 { text-align: left; border-bottom: 2px solid #ffc800; margin: 0 0 30px 0; padding: 0 0 30px; }

.section-history-slider .history-slide .history-image { overflow: visible; z-index: 1; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; }

.section-history-slider .history-slide .history-image img { max-width: none; width: auto; min-height: 350px; }

.section-history-slider .history-slide .history-content { display: flex; flex-direction: row; align-items: center; padding: 45px 0px 20px 20px; opacity: 0; transition: 0.1s ease-in-out; transition-delay: 0s; z-index: 2; }

.section-history-slider .history-slide .history-date { font-size: 60px; font-family: "Oswald", sans-serif; color: #000; font-weight: 600; padding-right: 20px; text-align: right; }

.section-history-slider .history-slide .history-info p { font-size: 20px; font-family: "Roboto", sans-serif; color: #000; font-weight: 400; margin: 0; padding: 0; line-height: 1.7em; }

.section-history-slider button.slick-prev { left: 10px; top: 485px; transform: translate(0); }

.section-history-slider button.slick-next { right: 10px; top: 485px; transform: translate(0); }

.section-history-slider .slick-slide.slick-current.slick-active, .section-history-slider .slick-slide.slick-center { z-index: 999; }

.section-history-slider .slick-slide.slick-current.slick-active .history-content, .section-history-slider .slick-slide.slick-center .history-content { opacity: 1; transition: 0.8s ease-in-out; transition-delay: 0.6s; }

.section-history-slider .slick-slide.slick-current.slick-active .history-image:before, .section-history-slider .slick-slide.slick-center .history-image:before { opacity: 0.9; transition: 0.8s ease-in-out; transition-delay: 0.6s; }

@media only screen and (max-width: 900px) { .section-history-slider .history-slide .history-image img { min-height: 150px; position: relative; left: 50%; transform: translateX(-50%); } .section-history-slider .history-slide .history-content { flex-direction: column; align-items: center; } .section-history-slider .history-slide .history-content .history-date, .section-history-slider .history-slide .history-content .history-info { text-align: center; padding: 0; } .section-history-slider h4 { padding-left: 30px; } }

@media only screen and (max-width: 600px) { .section-history-slider .history-slide .history-image img { min-height: 100px; max-width: none; } }

/****************************** History Thank You ******************************/
.section-thankyou { background: #f3f3f1; padding: 110px 0; }

.section-thankyou .container { display: flex; flex-direction: row; max-width: 1040px; margin: 0 auto; }

.section-thankyou .left-half { flex: 45%; text-align: right; padding: 0; }

.section-thankyou .left-half .image { position: relative; }

.section-thankyou .left-half .image img { display: block; margin: 0; }

.section-thankyou .left-half .image:before { content: ''; position: absolute; top: -30px; left: 18%; width: 10px; height: 60%; background: #ffc800; transform: skew(-45deg); transform-origin: top; z-index: 1; }

.section-thankyou .left-half .image:after { content: ''; position: absolute; top: -30px; left: 35%; width: 3000px; height: 80%; border-top: 5px solid #d7d7d7; border-left: 8px solid #d7d7d7; border-bottom: 5px solid #d7d7d7; transform: skew(-45deg); transform-origin: top; z-index: -2; }

.section-thankyou .right-half { flex: 55%; padding: 20px 0 0 100px; background: #f3f3f1; }

.section-thankyou .right-half:before { content: ''; position: absolute; bottom: 0; left: 100%; width: 3000px; height: 50%; background: #f3f3f1; z-index: 1; }

.section-thankyou .right-half p { font-size: 17px; color: #222; }

.section-thankyou .right-half h4 { padding: 0 0 20px; margin: 0 0 20px 0; }

.section-thankyou .right-half h4:before { content: ''; position: absolute; bottom: 0; left: -100px; width: 100vw; height: 2px; background: #ffc800; }

@media only screen and (max-width: 1000px) { .section-thankyou .right-half { padding-left: 30px; } .section-thankyou .right-half h4:before { left: -30px; } }

@media only screen and (max-width: 768px) { .section-thankyou .container { flex-direction: column; } .section-thankyou .container .left-half .image img { max-width: none; width: 100%; } }

/****************************** Section 2 - Capabilites Grid ******************************/
.section-capabilities-callouts { background: #f3f3f1; padding: 0px 30px 30px; margin-top: 60px; display: block; }

.section-capabilities-callouts .container { max-width: 1140px; margin: 0 auto; }

.section-capabilities-callouts .title-color { display: inline-block; width: auto; padding: 20px 30px 20px 30px; margin: -35px 0 15px 0; }

.section-capabilities-callouts .title-color:before { content: ''; width: 300vw; height: 100%; top: 0; right: -30px; position: absolute; background: #ffc800; z-index: -1; transform: skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); }

.section-capabilities-callouts .title-color p { color: #000; margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; position: relative; height: auto; }

.section-capabilities-callouts ul li, .section-capabilities-callouts p { color: #222; font-size: 17px; }

.section-capabilities-callouts h4 { margin: 0 0 30px 0; padding: 0 0 30px; }

.section-capabilities-callouts .row:nth-child(even) .column:last-child { padding-right: 30px; }

.section-capabilities-callouts .row:nth-child(even) h4:before { content: ''; height: 4px; background: #ffc800; width: 120vw; position: absolute; bottom: 0; left: -20vw; }

.section-capabilities-callouts .row:nth-child(odd) .column:last-child { padding-left: 30px; }

.section-capabilities-callouts .row:nth-child(odd) h4:before { content: ''; height: 4px; background: #ffc800; width: 120vw; position: absolute; bottom: 0; right: -100%; }

.section-capabilities-callouts .row { display: flex; flex-direction: row; padding: 45px 0; }

.section-capabilities-callouts .row:nth-child(1) .column:first-child { flex: 60%; order: 1; }

.section-capabilities-callouts .row:nth-child(1) .column:last-child { flex: 40%; order: 2; margin: -70px 0 70px 0; padding-left: 0; }

.section-capabilities-callouts .row:nth-child(1) .column:last-child:before { content: ''; width: 8px; height: 70%; position: absolute; right: -10%; bottom: -10%; background: #ffcc01; transform: skew(-45deg); transform-origin: bottom left; z-index: 10; }

.section-capabilities-callouts .row:nth-child(1) .column:last-child:after { content: ''; width: 3000px; height: 95%; position: absolute; left: 0; bottom: 20%; border-bottom: 2px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-left: 3px solid #b2b1b1; transform: skew(-45deg); transform-origin: bottom left; z-index: -2; }

.section-capabilities-callouts .row:nth-child(1) .image { width: 200%; left: 0; transform: skew(-45deg); overflow: hidden; transform-origin: bottom left; }

.section-capabilities-callouts .row:nth-child(1) .image img { transform: skew(45deg); transform-origin: bottom left; }

.section-capabilities-callouts .row:nth-child(2) .column:first-child { flex: 60%; order: 2; background: #f3f3f1; padding-left: 30px; z-index: 2; }

.section-capabilities-callouts .row:nth-child(2) .column:first-child h4:before { content: ''; height: 4px; background: #ffc800; width: 120vw; position: absolute; bottom: 0; left: -30px; }

.section-capabilities-callouts .row:nth-child(2) .column:first-child:after { content: ''; background: #f3f3f1; width: 3000px; height: 100%; position: absolute; left: 0; bottom: 0; z-index: -1; }

.section-capabilities-callouts .row:nth-child(2) .column:last-child { flex: 40%; order: 1; padding: 0; z-index: 1; }

.section-capabilities-callouts .row:nth-child(2) .column:last-child:after { content: ''; width: 3000px; height: 95%; position: absolute; left: -20%; bottom: 20%; border-bottom: 2px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-left: 3px solid #b2b1b1; transform: skew(-45deg); transform-origin: bottom left; z-index: -1; overflow: hidden; }

.section-capabilities-callouts .row:nth-child(2) .column:last-child:before { content: ''; width: 8px; height: 70%; position: absolute; left: -20%; top: -10%; background: #ffcc01; transform: skew(-45deg); transform-origin: bottom left; z-index: 10; }

.section-capabilities-callouts .row:nth-child(3) .column:first-child { flex: 60%; order: 1; }

.section-capabilities-callouts .row:nth-child(3) .column:last-child { flex: 40%; order: 2; margin: -30px 0 70px 0; }

.section-capabilities-callouts .row:nth-child(3) .column:last-child:before { content: ''; width: 8px; height: 120%; position: absolute; right: 20%; bottom: -10%; background: #ffcc01; transform: skew(-45deg); transform-origin: bottom left; z-index: 10; }

.section-capabilities-callouts .row:nth-child(3) .image { transform: skew(-45deg); overflow: hidden; transform-origin: bottom left; width: 100%; }

.section-capabilities-callouts .row:nth-child(3) .image img { transform: skew(45deg); transform-origin: bottom left; width: 180%; max-width: none; }

.section-capabilities-callouts .row:nth-child(4) .column:first-child { flex: 60%; order: 2; }

.section-capabilities-callouts .row:nth-child(4) .column:last-child { flex: 40%; order: 1; margin: -30px 0 70px 0; }

.section-capabilities-callouts .row:nth-child(4) .column:last-child:before { content: ''; width: 8px; height: 70%; position: absolute; right: 75%; bottom: -10%; background: #ffcc01; transform: skew(-45deg); transform-origin: bottom left; z-index: 10; }

.section-capabilities-callouts .row:nth-child(4) .image { transform: skew(-45deg); overflow: hidden; transform-origin: top right; width: 150%; left: -50%; }

.section-capabilities-callouts .row:nth-child(4) .image img { transform: skew(45deg); transform-origin: top right; }

.section-capabilities-callouts .row:nth-child(5) .column:first-child { flex: 60%; order: 1; }

.section-capabilities-callouts .row:nth-child(5) .column:last-child { flex: 40%; order: 2; margin: -30px 0 70px 0; }

.section-capabilities-callouts .row:nth-child(5) .column:last-child:after { content: ''; width: 3000px; height: 120%; position: absolute; left: 30%; top: -10%; border-bottom: 2px solid #d7d7d7; border-top: 2px solid #d7d7d7; border-left: 3px solid #d7d7d7; transform: skew(-45deg); transform-origin: bottom left; z-index: 3; }

.section-capabilities-callouts .row:nth-child(5) .image { transform-origin: bottom left; width: 100%; z-index: 2; }

.section-capabilities-callouts .row:nth-child(5) .image img { transform-origin: bottom left; width: 150%; max-width: none; }

@media only screen and (max-width: 768px) { .section-capabilities-callouts .row:nth-child(1) .column:first-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(1) .column:last-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(2) .column:first-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(2) .column:last-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(3) .column:first-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(3) .column:last-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(4) .column:first-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(4) .column:last-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(5) .column:first-child { flex: 50%; } .section-capabilities-callouts .row:nth-child(5) .column:last-child { flex: 50%; } }

@media only screen and (max-width: 600px) { .section-capabilities-callouts .row { flex-direction: column; } .section-capabilities-callouts .row:nth-child(even) .column:last-child, .section-capabilities-callouts .row:nth-child(odd) .column:last-child { padding-right: 0px; padding-left: 0px; } .section-capabilities-callouts .row:nth-child(even) h4:before, .section-capabilities-callouts .row:nth-child(odd) h4:before { content: ''; height: 4px; background: #ffc800; width: 120vw; position: absolute; bottom: 0; left: 0; right: auto; } .section-capabilities-callouts .row:nth-child(1) .column:first-child { flex: 50%; order: 1; } .section-capabilities-callouts .row:nth-child(1) .column:last-child { flex: 50%; order: 2; margin: 55px auto 15px; } .section-capabilities-callouts .row:nth-child(1) .column:last-child:after { height: 90%; } .section-capabilities-callouts .row:nth-child(1) .image { width: calc(100% + 30px); } .section-capabilities-callouts .row:nth-child(1) .image img { width: 100%; } .section-capabilities-callouts .row:nth-child(2) .column:first-child { flex: 50%; order: 1; } .section-capabilities-callouts .row:nth-child(2) .column:last-child { flex: 50%; order: 2; margin: 15px auto; } .section-capabilities-callouts .row:nth-child(3) .column:first-child { flex: 50%; order: 1; } .section-capabilities-callouts .row:nth-child(3) .column:last-child { flex: 50%; order: 2; margin: 15px auto; } .section-capabilities-callouts .row:nth-child(4) .column:first-child { flex: 50%; order: 1; } .section-capabilities-callouts .row:nth-child(4) .column:last-child { flex: 50%; order: 2; margin: 15px auto; } .section-capabilities-callouts .row:nth-child(4) .column:last-child:before { right: 55%; } .section-capabilities-callouts .row:nth-child(4) .image { width: 110%; left: -10%; } .section-capabilities-callouts .row:nth-child(5) .column:first-child { flex: 50%; order: 1; } .section-capabilities-callouts .row:nth-child(5) .column:last-child { flex: 50%; order: 2; margin: 15px auto; } .section-capabilities-callouts .row:nth-child(5) .image { width: calc(100% + 30px); } .section-capabilities-callouts .row:nth-child(5) .image img { width: 100%; } }

/****************************** Section 3 - Patents ******************************/
.section-patents { background: #fff; padding: 30px 30px 30px; margin-top: 60px; display: block; }

.section-patents .container { max-width: 1140px; margin: 0 auto; }

.section-patents .title-color { display: inline-block; width: auto; padding: 20px 30px 20px 30px; margin: -35px 0 15px 0; }

.section-patents .title-color:before { content: ''; width: 300vw; height: 100%; top: 0; right: -30px; position: absolute; background: #ffc800; z-index: -1; transform: skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); }

.section-patents .title-color p { color: #000; margin: 0; padding: 10px 0; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; position: relative; height: auto; }

.section-patents .column-wrap { display: flex; flex-direction: row; justify-content: space-around; max-width: 950px; margin: 0 auto; }

.section-patents .column-wrap .column { padding: 30px 30px 0 30px; }

.section-patents .column-wrap .patent-number { padding: 25px 0; }

.section-patents .column-wrap .patent-number:before { content: ''; width: 100%; max-width: 140px; height: 94%; position: absolute; top: 3%; left: 50%; transform: translateX(-50%); border: 3px solid #ffc800; z-index: -1; }

.section-patents .column-wrap .patent-number p { text-transform: uppercase; font-weight: 600; text-align: center; font-family: "Oswald", sans-serif; color: #000; margin: 0; padding: 0; line-height: 1.0em; }

.section-patents .column-wrap .patent-number p:first-child { font-size: 22px; }

.section-patents .column-wrap .patent-number p:last-child { background: #fff; font-size: 45px; padding: 2px 0 4px; }

.section-patents .column-wrap .patent-info { padding: 30px 0 0; }

.section-patents .column-wrap .patent-info p { text-align: center; color: #222; max-width: 200px; margin: 0 auto; padding: 0; line-height: 1.2em; }

.section-patents .column-wrap .patent-info p:first-child { font-size: 26px; text-transform: uppercase; font-weight: 600; font-family: "Oswald", sans-serif; }

.section-patents .column-wrap .patent-info p:last-child { background: #fff; font-size: 16px; padding: 2px 0 4px; }

@media only screen and (max-width: 650px) { .section-patents .column-wrap { flex-direction: column; } .section-patents .column-wrap .column { padding: 30px 30px 0 30px; } }

/****************************************************************************************************************************************************************
*
*  About - Why Aluminum
*
****************************************************************************************************************************************************************/
/****************************** Section 1 - Intro Content ******************************/
#why-aluminum.section-block-truck.section-block-truck-reverse .container { padding: 30px 30px 30px 30px; }

#why-aluminum.section-block-truck.section-block-truck-reverse .content-left { flex: 25%; margin-top: -30px; margin-bottom: 30px; }

#why-aluminum.section-block-truck.section-block-truck-reverse .content-left img { padding: 0 0 60px 0; }

#why-aluminum.section-block-truck.section-block-truck-reverse .content-right { flex: 75%; min-height: 0; margin-top: 30px; padding-bottom: 100px; padding-right: 80px; }

#why-aluminum.section-block-truck.section-block-truck-reverse .content-right:before { content: ''; position: absolute; bottom: 0; right: 0; width: 3000px; height: calc(100% + 30px); border-right: 4px solid #d7d7d7; border-bottom: 3px solid #d7d7d7; transform: skew(-45deg); transform-origin: right; }

#why-aluminum.section-block-truck.section-block-truck-reverse .content-right h4:before { right: -280px; }

@media only screen and (max-width: 768px) { #why-aluminum.section-block-truck.section-block-truck-reverse .container { padding-bottom: 0; margin-bottom: 0; } #why-aluminum.section-block-truck.section-block-truck-reverse .content-right { padding-bottom: 10%; padding-right: 0px; } #why-aluminum.section-block-truck.section-block-truck-reverse .content-right:before { height: calc(15% + 30px); } #why-aluminum.section-block-truck.section-block-truck-reverse .content-left { padding-bottom: 0; margin-bottom: 0; } #why-aluminum.section-block-truck.section-block-truck-reverse .content-left img { padding-bottom: 30px; } }

/****************************** Section 2 - hotspots Grid *******************************/
.section-hotspots-grid { padding: 30px 0 100px; }

.section-hotspots-grid .container { max-width: 1480px; margin: 0 auto; }

.section-hotspots-grid .container-top { padding: 30px; display: flex; flex-direction: row; z-index: 2; }

.section-hotspots-grid .container-top .dot { position: absolute; border-radius: 100%; background: #ffc800; width: 26px; height: 26px; overflow: visible; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: 0.2s ease-in-out; }

.section-hotspots-grid .container-top .dot:hover, .section-hotspots-grid .container-top .dot.active { background: #fff; transform: scale(1.1); }

.section-hotspots-grid .container-top .dot:after { content: ''; width: 34px; height: 34px; border-radius: 100%; border: 2px solid #ffc800; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.section-hotspots-grid .container-top .dot[data-number="1"] { top: calc(30/250*100%); left: calc(600/660*100%); }

.section-hotspots-grid .container-top .dot[data-number="2"] { top: calc(-5/250*100%); left: calc(145/660*100%); }

.section-hotspots-grid .container-top .dot[data-number="3"] { top: calc(170/250*100%); left: calc(480/660*100%); }

.section-hotspots-grid .container-top .column { flex: 50%; }

.section-hotspots-grid .container-top .column:first-child { padding-right: 20px; }

.section-hotspots-grid .container-top .column:last-child { padding-left: 20px; }

.section-hotspots-grid .container-top img { max-width: none; width: 100%; height: auto; }

.section-hotspots-grid .container-top h4 { font-size: 30px; font-family: "Oswald", sans-serif; color: #222; text-align: left; text-transform: uppercase; margin: 0 auto 30px; padding: 0; }

.section-hotspots-grid .container-top p { font-size: 20px; font-family: "Roboto", sans-serif; color: #222; text-align: left; }

.section-hotspots-grid .container-top p strong { font-weight: 900; }

.section-hotspots-grid .container-top .number-content { display: none; }

.section-hotspots-grid .container-top .number-content.active { display: block; }

.section-hotspots-grid .container-bottom { display: flex; flex-direction: row; padding: 30px 180px 0; z-index: 1; }

.section-hotspots-grid .container-bottom:before { content: ''; width: 100vw; height: 100%; position: absolute; left: 0; bottom: 40%; border-left: 6px solid #bcbcbc; border-bottom: 4px solid #bcbcbc; transform: skew(-45deg); transform-origin: bottom left; z-index: -1; }

.section-hotspots-grid .container-bottom:after { content: ''; width: 100vw; height: 75%; position: absolute; left: -5%; bottom: -20%; border-left: 10px solid #ffc800; transform: skew(-45deg); transform-origin: bottom; z-index: -1; }

.section-hotspots-grid .container-bottom .number { flex: 33.33%; margin: 0 1%; height: 300px; transform: skew(-45deg); transition: 0.2s ease-in-out; overflow: hidden; position: relative; }

.section-hotspots-grid .container-bottom .number .inner-text { position: absolute; bottom: 0; left: 50%; width: 120%; padding: 0 20%; background: #797979; transform: skew(45deg) translateX(-50%); transition: 0.2s ease-in-out; }

.section-hotspots-grid .container-bottom .number .inner-text p { color: #393939; font-size: 20px; text-transform: uppercase; margin: 0; font-family: "Oswald", sans-serif; padding: 8px 0; }

.section-hotspots-grid .container-bottom .number.active, .section-hotspots-grid .container-bottom .number:hover { transform: scale(1.05) skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); }

.section-hotspots-grid .container-bottom .number.active .inner-text, .section-hotspots-grid .container-bottom .number:hover .inner-text { background: #ffc800; }

.section-hotspots-grid .container-bottom .number:before { background-position: center; background-size: cover; background-repeat: no-repeat; min-width: 550px; width: 300%; height: 100%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) skew(45deg); }

.section-hotspots-grid .container-bottom .number[data-number="1"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/key-al-image-1-BW.jpg"); }

.section-hotspots-grid .container-bottom .number.active[data-number="1"]:before, .section-hotspots-grid .container-bottom .number[data-number="1"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/key-al-image-1-Color.jpg"); }

.section-hotspots-grid .container-bottom .number[data-number="2"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/key-al-image-2-BW.jpg"); }

.section-hotspots-grid .container-bottom .number.active[data-number="2"]:before, .section-hotspots-grid .container-bottom .number[data-number="2"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/key-al-image-2-Color.jpg"); }

.section-hotspots-grid .container-bottom .number[data-number="3"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/key-al-image-3-BW.jpg"); }

.section-hotspots-grid .container-bottom .number.active[data-number="3"]:before, .section-hotspots-grid .container-bottom .number[data-number="3"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/key-al-image-3-Color.jpg"); }

.section-hotspots-grid .container-bottom .number .inner { width: 71px; height: 101px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) skew(45deg); }

@media only screen and (max-width: 768px) { .section-hotspots-grid .container-bottom .inner-text { display: none; } .section-hotspots-grid .container-top { flex-direction: column; } .section-hotspots-grid .container-top .column:first-child { padding-right: 0px; } .section-hotspots-grid .container-top .column:last-child { padding-left: 0px; } .section-hotspots-grid .container-top img { padding-bottom: 30px; } .section-hotspots-grid .container-bottom { padding: 30px 100px 0; } .section-hotspots-grid .container-bottom .number { height: 200px; } .section-hotspots-grid .container-bottom .number .inner-text { width: 125%; } .section-hotspots-grid .container-bottom .number .inner-text p { font-size: 16px; } .section-hotspots-grid .container-bottom:before { height: 65%; } .section-hotspots-grid .container-bottom:after { left: -20px; bottom: 20%; height: 30%; } }

@media only screen and (max-width: 600px) { .section-hotspots-grid .container-top { padding: 30px 30px 0 30px; } .section-hotspots-grid .container-top .number-content { min-height: 150px; } .section-hotspots-grid .container-bottom { padding: 30px 35px 0; } .section-hotspots-grid .container-bottom .number { height: 150px; } }

/****************************** Section 2 - Hotspots Aluminum *******************************/
.section-hotspots-aluminum { padding: 30px 0; }

.section-hotspots-aluminum .container { max-width: 1480px; margin: 0 auto; }

.section-hotspots-aluminum .container-top { padding: 30px; display: flex; flex-direction: row; z-index: 2; }

.section-hotspots-aluminum .container-top .dot { position: absolute; border-radius: 100%; background: #ffc800; width: 26px; height: 26px; overflow: visible; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: 0.2s ease-in-out; }

.section-hotspots-aluminum .container-top .dot:hover, .section-hotspots-aluminum .container-top .dot.active { background: #fff; transform: scale(1.1); }

.section-hotspots-aluminum .container-top .dot:after { content: ''; width: 34px; height: 34px; border-radius: 100%; border: 2px solid #ffc800; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.section-hotspots-aluminum .container-top .dot[data-number="1"] { top: calc(120/250*100%); left: calc(25/660*100%); }

.section-hotspots-aluminum .container-top .dot[data-number="2"] { top: calc(15/250*100%); left: calc(600/660*100%); }

.section-hotspots-aluminum .container-top .dot[data-number="3"] { top: calc(160/250*100%); left: calc(330/660*100%); }

.section-hotspots-aluminum .container-top .column { flex: 50%; }

.section-hotspots-aluminum .container-top .column:first-child { padding-right: 20px; z-index: 2; }

.section-hotspots-aluminum .container-top .column:first-child:before { content: ''; width: 3000px; height: 200%; position: absolute; top: 100%; right: 95%; border-right: 8px solid #d7d7d7; transform: skew(-45deg) translateY(-50%); transform-origin: top left; z-index: -1; }

.section-hotspots-aluminum .container-top .column:first-child:after { content: ''; width: 3000px; height: 50%; position: absolute; top: 100%; right: 80%; border-right: 12px solid #ffc800; transform: skew(-45deg) translateY(-50%); transform-origin: top left; z-index: -1; }

.section-hotspots-aluminum .container-top .column:last-child { padding-left: 20px; z-index: 1; }

.section-hotspots-aluminum .container-top .column:last-child:before { content: ''; width: 3000px; height: 100%; background: #ffc800; right: 125%; top: -50px; position: absolute; transform: skew(-45deg); transform-origin: top right; z-index: -1; }

.section-hotspots-aluminum .container-top img { max-width: none; width: 100%; height: auto; }

.section-hotspots-aluminum .container-top h4 { font-size: 30px; font-family: "Oswald", sans-serif; color: #222; text-align: left; text-transform: uppercase; margin: 0 auto 10px; padding: 0 0 20px; }

.section-hotspots-aluminum .container-top h4:before { content: ''; height: 2px; background: #ffc800; width: 120vw; position: absolute; bottom: 0; left: 0; }

.section-hotspots-aluminum .container-top p { font-size: 20px; font-family: "Roboto", sans-serif; color: #222; text-align: left; }

.section-hotspots-aluminum .container-top p strong { font-weight: 900; }

.section-hotspots-aluminum .container-top .number-content { display: none; }

.section-hotspots-aluminum .container-top .number-content.active { display: block; }

@media only screen and (max-width: 768px) { .section-hotspots-aluminum .container-bottom .inner-text { display: none; } .section-hotspots-aluminum .container-top .column:first-child:before { top: 70%; height: 100%; } .section-hotspots-aluminum .container-top .column:first-child:after { top: 70%; right: 110%; } .section-hotspots-aluminum .container-top { flex-direction: column; } .section-hotspots-aluminum .container-top .column:first-child { padding-right: 0px; } .section-hotspots-aluminum .container-top .column:last-child { padding-left: 0px; } .section-hotspots-aluminum .container-top img { padding-bottom: 30px; } }

@media only screen and (max-width: 600px) { .section-hotspots-aluminum .container-top { padding: 30px 30px 0 30px; } .section-hotspots-aluminum .container-top .number-content { min-height: 150px; } }

/****************************** Section 4 - Two Column Content ******************************/
.section-content.section-content-why-aluminum { overflow: hidden; padding-top: 60px; padding-bottom: 50px; }

.section-content.section-content-why-aluminum .container { max-width: 970px; margin: 0 auto; padding: 0 30px; }

.section-content.section-content-why-aluminum p { font-size: 17px; font-family: "Roboto", sans-serif; color: #222; }

.section-content.section-content-why-aluminum p strong { font-weight: bold; }

@media only screen and (max-width: 768px) { .section-content.section-content-why-aluminum:after { right: -4%; } }

@media only screen and (max-width: 600px) { .section-content.section-content-why-aluminum { padding-bottom: 80px; } .section-content.section-content-why-aluminum:before { left: 98%; top: 85%; } .section-content.section-content-why-aluminum:after { height: 150px; right: -12%; top: 81%; } .section-content.section-content-why-aluminum .half-wrap { flex-direction: column; } .section-content.section-content-why-aluminum .half-wrap .right-half, .section-content.section-content-why-aluminum .half-wrap .left-half { padding: 0; } }

/****************************************************************************************************************************************************************
*
* Careers Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Content ******************************/
#careers-intro.section-block-truck.section-block-truck-reverse { overflow: hidden; }

#careers-intro.section-block-truck.section-block-truck-reverse .container { margin: 0 auto; }

#careers-intro.section-block-truck.section-block-truck-reverse .content-right { flex: 60%; }

#careers-intro.section-block-truck.section-block-truck-reverse .content-right h4:before { right: -100%; }

#careers-intro.section-block-truck.section-block-truck-reverse .content-left { flex: 40%; }

#careers-intro.section-block-truck.section-block-truck-reverse .content-left .image { width: 200%; height: 100%; max-height: 400px; left: -50px; transform: skew(-45deg); overflow: hidden; transform-origin: bottom left; }

#careers-intro.section-block-truck.section-block-truck-reverse .content-left .image img { transform: skew(45deg); transform-origin: bottom left; left: 0; }

@media only screen and (max-width: 1000px) { #careers-intro.section-block-truck.section-block-truck-reverse .content-right { flex: 50%; } #careers-intro.section-block-truck.section-block-truck-reverse .content-left { flex: 50%; } }

@media only screen and (max-width: 768px) { #careers-intro.section-block-truck.section-block-truck-reverse .content-left { order: 2; } #careers-intro.section-block-truck.section-block-truck-reverse .content-right { order: 1; } }

/****************************** Section 2 Open Positions ******************************/
.section-positions { padding: 30px 0 100px; }

.section-positions .container { max-width: 1140px; margin: 0 auto; padding-top: 175px; }

.section-positions .content { background: #404040; transform: skew(-45deg); padding: 30px 140px 50px; max-width: 830px; float: right; }

.section-positions .content .inner { transform: skew(45deg); margin: 0 auto; }

.section-positions .content:before { content: ''; width: 100vw; height: 150%; position: absolute; left: -25px; bottom: 0; border-left: 6px solid #d7d7d7; border-top: 4px solid #d7d7d7; transform: skew(0); transform-origin: bottom left; z-index: -1; }

.section-positions img { position: absolute; top: 0; left: 0; }

.section-positions h4 { color: #fff; margin: 0 0 15px 0; padding: 0; font-family: "Oswald", sans-serif; font-size: 30px; }

.section-positions p { color: #fff; max-width: 500px; margin: 0; padding: 0; font-size: 20px; font-family: "Roboto", sans-serif; }

.section-positions p a { position: absolute; bottom: -50px; right: -50px; transform: translateY(50%); box-shadow: 0 0 25px rgba(0, 0, 0, 0.65); }

@media only screen and (max-width: 600px) { .section-positions .content { padding: 30px 100px 50px 100px; max-width: 830px; float: none; width: calc(100% + 140px); transform: translateX(-50%) skew(-45deg); left: 50%; } .section-positions h4 { font-size: 24px; } .section-positions p { font-size: 16px; } .section-positions p a { right: 0; } }

/****************************** Section 3 Headquarters ******************************/
.section-headquarters { background: #f3f3f1; padding: 85px 30px; }

.section-headquarters .container { max-width: 1140px; margin: 0 auto; }

.section-headquarters p { color: #222; }

.section-headquarters .row-top { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 60px; }

.section-headquarters .row-top:before { content: ''; width: 100vw; height: calc(100% + 50px); position: absolute; left: 40%; top: -25px; border-left: 3px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -2; }

.section-headquarters .row-top:after { content: ''; width: 100vw; height: 50%; position: absolute; left: 10%; bottom: -20%; border-left: 10px solid #ffc800; transform: skew(-45deg); transform-origin: top left; z-index: -1; }

.section-headquarters .row-top .column:first-child { flex: 40%; }

.section-headquarters .row-top .column:first-child p { font-size: 35px; font-weight: 600; color: #161616; font-family: "Oswald", sans-serif; text-transform: uppercase; max-width: 230px; padding: 60px 0 60px 0; margin: 0; position: relative; }

.section-headquarters .row-top .column:first-child p:before { content: ''; width: 3000px; height: 100%; background: #ffc800; right: -150%; top: 0; position: absolute; transform: skew(-45deg); transform-origin: top right; z-index: -1; }

.section-headquarters .row-top .column:last-child { flex: 60%; }

.section-headquarters .row-top .column:last-child .video { padding: 20px 20px 20px 0; overflow: hidden; }

.section-headquarters .row-top .column:last-child .video a { display: block; }

.section-headquarters .row-top .column:last-child .video:before { content: ''; width: 375px; height: 375px; position: absolute; right: -100px; bottom: 0; background: #ffc800; transform: skew(-45deg); transform-origin: bottom; z-index: -1; }

.section-headquarters .row-top .column:last-child .video:hover:after { -webkit-filter: drop-shadow(5px 5px 10px black); filter: drop-shadow(5px 5px 10px black); transform: scale(1.05) translate(-50%, -50%); }

.section-headquarters .row-top .column:last-child .video:after { content: ''; width: 100%; height: 50%; position: absolute; top: 50%; left: 50%; transition: 0.2s ease-in-out; border-radius: 100%; -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); transform: translate(-50%, -50%); transform-origin: top left; background-image: url("../../../../../../../../../../hubfs/2019/video-overlay.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }

.section-headquarters .row-middle { padding: 30px 0; }

.section-headquarters .row-middle .column { padding-left: 40%; }

.section-headquarters .row-middle .column p { font-size: 17px; font-family: "Roboto", sans-serif; color: #222; }

.section-headquarters .row-middle .column p a { font-weight: 600; color: #222; }

.section-headquarters .row-bottom { display: flex; flex-direction: row; }

.section-headquarters .row-bottom .column:first-child { flex: 60%; padding: 0; }

.section-headquarters .row-bottom .column:last-child { flex: 40%; padding: 0; }

.section-headquarters .row-bottom img { max-width: none; width: 100%; }

.section-headquarters .row-bottom p { padding: 0 0 30px 40px; font-size: 17px; font-family: "Roboto", sans-serif; }

.section-headquarters .row-bottom h4 { font-size: 30px; border-bottom: 4px solid #ffc800; margin: 30px 0 30px 0; padding: 0 0 30px 40px; }

@media only screen and (max-width: 900px) { .section-headquarters .row-middle .column { padding: 0 30px; width: 100%; } }

@media only screen and (max-width: 768px) { .section-headquarters .row-top { flex-direction: column; } .section-headquarters .row-top:before { width: 200vw; } .section-headquarters .row-top .column:first-child p { padding: 20px 0; } .section-headquarters .row-top .column:first-child p:before { right: -100%; } .section-headquarters .row-top .column:last-child { padding-top: 30px; } .section-headquarters .row-top .column:last-child .video:before { right: -200px; } .section-headquarters .row-middle .column { padding: 0; } .section-headquarters .row-bottom { flex-direction: column; } .section-headquarters .row-bottom h4 { font-size: 25px; padding-left: 0; } .section-headquarters .row-bottom p { margin: 0; padding: 0; } }

/****************************** Section 4 Career Info Content ******************************/
#career-info.section-content .container { max-width: 835px; padding: 30px; }

#career-info.section-content h4 { font-size: 20px; font-weight: 400; font-family: "Oswald", sans-serif; border-bottom: none; margin: 0 0 20px; padding: 0; color: #222; }

#career-info.section-content p { font-size: 15px; font-family: "Roboto", sans-serif; color: #222; line-height: 1.6em; }

.careers-update a.yellow-button, .careers-update body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .careers-update a.readmore, .careers-update .section-blogs-intro .content a, .section-blogs-intro .content .careers-update a, .careers-update .blog-pagination a, .blog-pagination .careers-update a, .careers-update #find-a-dealer.section-block-truck .content-right a, #find-a-dealer.section-block-truck .content-right .careers-update a, .careers-update .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .careers-update a, .careers-update .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .careers-update a, .careers-update .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .careers-update a, .careers-update #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .careers-update a, .careers-update .section-certifications .content a, .section-certifications .content .careers-update a, .careers-update .section-cev-callouts a, .section-cev-callouts .careers-update a, .careers-update #custom-cabs .content-bottom a, #custom-cabs .content-bottom .careers-update a, .careers-update #intro-content.section-content a, #intro-content.section-content .careers-update a, .careers-update #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .careers-update a, .careers-update .section-positions p a, .section-positions p .careers-update a { box-shadow: 0 0 25px rgba(0, 0, 0, 0.65); }

.careers-update .section-video { padding: 50px 0 200px; background: #f3f3f1; }

.careers-update .section-video .container { max-width: 725px; }

.careers-update .section-video h4 { background: #f3f3f1; }

.careers-update .section-video .video:after { content: none; }

.careers-update .section-headquarters { background: #fff; padding-bottom: 0; }

.careers-update #career-info { background: #f3f3f1; }

.careers-update .section-history-slider { margin-top: -200px; }

.careers-update .section-history-slider .container .history-slider-wrap:before, .careers-update .section-history-slider .container .history-slider-wrap:after { height: 80%; }

.careers-update .section-history-slider .history-slide .history-image { overflow: hidden; }

.careers-update .section-history-slider .history-slide .history-image img { visibility: hidden; }

.careers-update .section-history-slider .history-slide .history-content { align-items: flex-start; padding: 45px 0px 20px 45px; }

.careers-update .section-history-slider .history-slide .history-date { text-transform: uppercase; font-size: 48px; width: 50%; text-align: left; }

.careers-update .section-history-slider .history-slide .history-info { width: 50%; }

.careers-update .section-history-slider .history-slide .history-info:last-child { margin-bottom: 0; }

.careers-update .section-history-slider .history-slide .history-info ul { margin-top: 0; }

.careers-update .section-history-slider .history-slide .history-info li { font-size: 18px; }

@media (max-width: 900px) { .careers-update .section-history-slider .history-slide .history-content { padding: 45px 20px 0px; } .careers-update .section-history-slider .history-slide .history-date { text-align: center; width: 100%; } .careers-update .section-history-slider .history-slide .history-info { width: 100%; } .careers-update .section-history-slider .history-slide .history-info ul { text-align: left; } }

.careers-update .section-quote { padding-bottom: 85px; }

.careers-update .section-quote .container { max-width: 1140px; margin: 0 auto; }

.careers-update .section-quote .container blockquote { font-family: "Roboto", sans-serif; font-style: italic; padding-left: 12%; padding-top: 3%; background: url("../../../../../../../../../../hubfs/quote.png") no-repeat top left; background-size: 10%; color: #222222; }

.careers-update .section-quote .container blockquote p { margin-bottom: 0; font-weight: 300; }

.careers-update .section-quote .container blockquote footer { font-weight: 500; text-align: right; margin-top: 5px; }

.careers-update .section-button { padding-bottom: 85px; }

.careers-update .section-button .container { max-width: 1140px; margin: 0 auto; text-align: center; }

/****************************************************************************************************************************************************************
*
* Contact Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Content ******************************/
#contact-intro.section-block-truck.section-block-truck-reverse { overflow: hidden; }

#contact-intro.section-block-truck.section-block-truck-reverse .container { margin: 0 auto; max-width: 940px; }

#contact-intro.section-block-truck.section-block-truck-reverse .content-right { flex: 40%; min-height: 15em; }

#contact-intro.section-block-truck.section-block-truck-reverse .content-right h4:before { right: -100%; }

#contact-intro.section-block-truck.section-block-truck-reverse .content-left { flex: 60%; }

#contact-intro.section-block-truck.section-block-truck-reverse .content-left .image { width: 200%; height: 100%; max-height: 400px; left: -50px; transform: skew(-45deg); overflow: hidden; transform-origin: bottom left; }

#contact-intro.section-block-truck.section-block-truck-reverse .content-left .image img { transform: skew(45deg); transform-origin: bottom left; left: 0; }

@media only screen and (max-width: 1000px) { #contact-intro.section-block-truck.section-block-truck-reverse .content-right { flex: 40%; } #contact-intro.section-block-truck.section-block-truck-reverse .content-left { flex: 60%; } }

@media only screen and (max-width: 768px) { #contact-intro.section-block-truck.section-block-truck-reverse { padding-top: 0; } #contact-intro.section-block-truck.section-block-truck-reverse .half-wrap .right-half { padding-left: 0; } #contact-intro.section-block-truck.section-block-truck-reverse .content-right { min-height: 0; order: 1; } #contact-intro.section-block-truck.section-block-truck-reverse .content-left { order: 2; } #contact-intro.section-block-truck.section-block-truck-reverse .content-left .image { width: 120%; } }

.section-content.section-content-contact .container { margin: 0 auto; max-width: 1140px; }

.section-content.section-content-contact h4 { font-size: 20px; font-family: "Oswald", sans-serif; font-weight: 600; margin: 0 0 10px 0; padding: 0 0 10px 0;  margin-top:30px;}

@media only screen and (max-width: 768px) { .section-content.section-content-contact .half-wrap .left-half, .section-content.section-content-contact .half-wrap .right-half { padding: 0; } }

/****************************************************************************************************************************************************************
*
* About Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Intro ******************************/
#gated-intro.section-block-truck .container { margin: 60px auto 60px; }

#gated-intro.section-block-truck .content-left { flex: 40%; }

#gated-intro.section-block-truck .content-left img { position: relative; top: auto; right: auto; max-width: 100%; width: auto; height: auto; min-width: 0px; }

#gated-intro.section-block-truck .content-right { flex: 60%; }

#gated-intro.section-block-truck .content-right p { margin: 0 0 15px 0; padding: 0; line-height: 1.6em; font-size: 16px; color: #222; font-family: "Roboto", sans-serif; }

#gated-intro.section-block-truck .content-right ul li { margin: 0; padding: 0; line-height: 1.6em; font-size: 16px; color: #222; font-family: "Roboto", sans-serif; }

#gated-intro.section-block-truck .content-right:before { content: ''; width: 8px; height: 80%; position: absolute; left: -25%; top: -10%; background: #ffcc01; transform: skew(-45deg); transform-origin: top left; z-index: -1; }

#gated-intro.section-block-truck .content-right:after { content: ''; width: 3000px; height: 115%; position: absolute; left: -15%; top: -10%; border-bottom: 2px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-left: 3px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -1; }

#gated-intro.section-block-truck h4 { border-bottom: 3px solid #ffc800; }

#gated-intro.section-block-truck h4:before { display: none; }

/****************************************************************************************************************************************************************
*
* Careers Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Content ******************************/
#customcab-intro.section-block-truck .container { margin: 0 auto; }

#customcab-intro.section-block-truck .content-right h4:before { content: ''; position: absolute; bottom: 0; left: -70%; width: 3000px; height: 3px; background: #ffc800; z-index: -1; }

/****************************** Section 2 Content ******************************/
#custom-cabs { overflow: hidden; padding-top: 60px; }

#custom-cabs .container { margin: 0 auto; max-width: 1000px; padding: 30px 30px 125px 30px; }

#custom-cabs h4 { border-bottom: 2px solid #ffc800; margin: 0 0 20px 0; padding: 0 0 20px 0; }

#custom-cabs ul { margin: 15px 0; padding: 0 0 0 40px; }

#custom-cabs ul li { font-size: 17px; font-family: "Roboto", sans-serif; margin: 0; line-height: 1.6em; color: #222; }

#custom-cabs p { font-size: 17px; font-family: "Roboto", sans-serif; color: #222; }

#custom-cabs .inner { position: absolute; bottom: 0; right: -50%; width: 100%; height: 100%; max-height: 400px; }

#custom-cabs .inner:before { content: ''; width: 100vw; height: 100%; position: absolute; left: 50%; top: -25px; border-left: 3px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -2; }

#custom-cabs .inner .image { transform: skew(-45deg); overflow: hidden; transform-origin: bottom left; }

#custom-cabs .inner .image img { transform: skew(45deg); transform-origin: bottom left; left: 0; }

#custom-cabs .content-bottom { width: 50%; }

@media only screen and (max-width: 768px) { #customcab-intro.section-block-truck .content-left { order: 2; } #customcab-intro.section-block-truck .content-right { order: 1; } #customcab-intro.section-block-truck .container { margin-bottom: 0; } #custom-cabs { padding-top: 0; } #custom-cabs .container { padding: 30px 30px 275px 30px; } #custom-cabs .content-bottom { width: 100%; } #custom-cabs .inner { max-height: 230px; right: -10%; } #custom-cabs .inner:before { left: 80%; } }

/****************************************************************************************************************************************************************
*
* Custom Vehicles Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Content ******************************/
#cev-intro.section-block-truck .container { margin: 0 auto; }

#cev-intro.section-block-truck .content-left { flex: 60%; }

#cev-intro.section-block-truck .content-left img { position: absolute; width: auto; min-height: 400px; max-width: none; }

#cev-intro.section-block-truck .content-right { flex: 40%; }

#cev-intro.section-block-truck .content-right h4 { max-width: 380px; padding-top: 15px; }

#cev-intro.section-block-truck .content-right h4:before { content: ''; position: absolute; bottom: 0; left: 0; width: 200%; height: 3px; background: #ffc800; z-index: -1; }

@media only screen and (max-width: 768px) { #cev-intro.section-block-truck .content-right { order: 1; } #cev-intro.section-block-truck .content-left { order: 2; } #cev-intro.section-block-truck .content-left img { position: relative; width: auto; min-height: 0; max-width: none; } }

@media only screen and (max-width: 600px) { #cev-intro.section-block-truck .content-left img { width: 160%; } }

/****************************** Section 2 - Content *******************************/
.section-cev-callouts { padding: 0px 30px 30px; margin-top: 60px; display: block; }

.section-cev-callouts .container { max-width: 1140px; margin: 0 auto; }

.section-cev-callouts h4 { margin: 0 0 30px 0; padding: 60px 30px 30px 150px; }

.section-cev-callouts ul { margin: 15px 0; padding: 0; }

.section-cev-callouts ul li { font-family: "Roboto", sans-serif; font-size: 17px; color: #222222; list-style: none; line-height: 1.6em; padding: 0 0 10px 0; }

.section-cev-callouts .content-wrap { display: flex; flex-direction: row; }

.section-cev-callouts .content-wrap .content { flex: 50%; padding: 0 20px 0 0; }

.section-cev-callouts .row { display: flex; flex-direction: row; padding: 45px 0; }

.section-cev-callouts .row .column:last-child { padding-right: 30px; }

.section-cev-callouts .row h4:before { content: ''; height: 4px; background: #ffc800; width: 300vw; position: absolute; bottom: 0; left: -100vw; }

.section-cev-callouts .row .column:first-child { flex: 85%; order: 2; }

.section-cev-callouts .row .column:last-child { flex: 15%; order: 1; margin: -30px 0 70px 0; }

.section-cev-callouts .row .inner:before { content: ''; width: 8px; height: 70%; position: absolute; right: 35%; top: 50%; background: #ffcc01; z-index: 10; transform: skew(-45deg); transform-origin: top right; }

.section-cev-callouts .row .image { transform: skew(-45deg); overflow: hidden; transform-origin: top right; width: 450%; left: -260%; }

.section-cev-callouts .row .image img { transform: skew(45deg); transform-origin: top right; }

@media only screen and (max-width: 1000px) { .section-cev-callouts .row .column:first-child { flex: 60%; } .section-cev-callouts .row .column:last-child { flex: 40%; } .section-cev-callouts .row .column:last-child img { position: relative; right: -10%; } .section-cev-callouts .row .image { width: 220%; left: -100%; } .section-cev-callouts .row h4 { padding: 0px 0 30px 0px; } }

@media only screen and (max-width: 850px) { .section-cev-callouts .row { flex-direction: column; } .section-cev-callouts .row:nth-child(1) .column:first-child { flex: 50%; } .section-cev-callouts .row:nth-child(1) .column:last-child { flex: 50%; } .section-cev-callouts .row .image { width: 100%; left: 0; } .section-cev-callouts .row .image img { right: 0; } .section-cev-callouts .row .column:last-child img { right: 0; } .section-cev-callouts .row .inner:before { right: 25%; } }

@media only screen and (max-width: 600px) { .section-cev-callouts { margin-top: 0; } .section-cev-callouts h4 { padding: 0 0 30px 0; } .section-cev-callouts .content-wrap { flex-direction: column; } .section-cev-callouts .content-wrap ul { margin: 0; } .section-cev-callouts .content-wrap .content { padding: 0; } .section-cev-callouts .row .column:last-child { margin: -30px 0 50px 0; } }

/****************************** Section 3 - hotspots Grid *******************************/
.section-hotspots-grid4 { padding: 30px 0 100px; background: #f3f3f1; }

.section-hotspots-grid4 .container { max-width: 1480px; margin: 0 auto; }

.section-hotspots-grid4 .container-top { padding: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 2; }

.section-hotspots-grid4 .container-top .dot { position: absolute; border-radius: 100%; background: #ffc800; width: 26px; height: 26px; overflow: visible; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: 0.2s ease-in-out; display: none; }

.section-hotspots-grid4 .container-top .dot:hover, .section-hotspots-grid4 .container-top .dot.active { background: #fff; transform: scale(1.1); }

.section-hotspots-grid4 .container-top .dot:after { content: ''; width: 34px; height: 34px; border-radius: 100%; border: 2px solid #ffc800; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.section-hotspots-grid4 .container-top .dot[data-number="1"] { top: calc(140/275*100%); left: calc(360/560*100%); }

.section-hotspots-grid4 .container-top .dot[data-number="2"] { top: calc(150/275*100%); left: calc(470/560*100%); }

.section-hotspots-grid4 .container-top .dot[data-number="3"] { top: calc(130/275*100%); left: calc(225/560*100%); }

.section-hotspots-grid4 .container-top .dot[data-number="4"] { top: calc(100/275*100%); left: calc(130/560*100%); }

.section-hotspots-grid4 .container-top .column { flex: 50%; }

.section-hotspots-grid4 .container-top .column:first-child { padding-right: 20px; }

.section-hotspots-grid4 .container-top .column:last-child { padding-left: 20px; }

.section-hotspots-grid4 .container-top img { max-width: none; width: 100%; height: auto; }

.section-hotspots-grid4 .container-top h4 { font-size: 30px; font-family: "Oswald", sans-serif; color: #222; text-align: left; text-transform: uppercase; margin: 0 auto 30px; padding: 0; }

.section-hotspots-grid4 .container-top p { font-size: 22px; font-family: "Roboto", sans-serif; color: #222; text-align: left; }

.section-hotspots-grid4 .container-top p strong { font-weight: 900; }

.section-hotspots-grid4 .container-top .number-content { display: none; min-height: 75px; }

.section-hotspots-grid4 .container-top .number-content.active { display: block; }

.section-hotspots-grid4 .container-bottom { display: flex; flex-direction: row; padding: 30px 180px 0; z-index: 1; }

.section-hotspots-grid4 .container-bottom:before { content: ''; width: 100vw; height: 100%; position: absolute; left: 0; bottom: 40%; border-left: 6px solid #bcbcbc; border-bottom: 4px solid #bcbcbc; transform: skew(-45deg); transform-origin: bottom left; z-index: -1; }

.section-hotspots-grid4 .container-bottom .number { flex: 33.33%; margin: 0 1%; height: 300px; transform: skew(-45deg) translateZ(0); transition: 0.2s ease-in-out; overflow: hidden; position: relative; }

.section-hotspots-grid4 .container-bottom .number .inner-text { position: absolute; bottom: 0; left: 50%; width: 140%; padding: 0 30%; background: #797979; transform: skew(45deg) translateX(-50%); transition: 0.2s ease-in-out; }

.section-hotspots-grid4 .container-bottom .number .inner-text p { color: #393939; font-size: 20px; text-transform: uppercase; margin: 0; font-family: "Oswald", sans-serif; padding: 8px 0; }

.section-hotspots-grid4 .container-bottom .number.active, .section-hotspots-grid4 .container-bottom .number:hover { transform: scale(1.05) skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.65)); }

.section-hotspots-grid4 .container-bottom .number.active .inner-text, .section-hotspots-grid4 .container-bottom .number:hover .inner-text { background: #ffc800; }

.section-hotspots-grid4 .container-bottom .number:before { background-position: center; background-size: cover; background-repeat: no-repeat; min-width: 550px; width: 230%; height: 100%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) skew(45deg); }

.section-hotspots-grid4 .container-bottom .number[data-number="1"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-1-BW.jpg"); }

.section-hotspots-grid4 .container-bottom .number.active[data-number="1"]:before, .section-hotspots-grid4 .container-bottom .number[data-number="1"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-1-Color.jpg"); }

.section-hotspots-grid4 .container-bottom .number[data-number="2"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-2-BW.jpg"); }

.section-hotspots-grid4 .container-bottom .number.active[data-number="2"]:before, .section-hotspots-grid4 .container-bottom .number[data-number="2"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-2-Color.jpg"); }

.section-hotspots-grid4 .container-bottom .number[data-number="3"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-3-BW.jpg"); }

.section-hotspots-grid4 .container-bottom .number.active[data-number="3"]:before, .section-hotspots-grid4 .container-bottom .number[data-number="3"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-3-Color.jpg"); }

.section-hotspots-grid4 .container-bottom .number[data-number="4"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-4-BW.jpg"); }

.section-hotspots-grid4 .container-bottom .number.active[data-number="4"]:before, .section-hotspots-grid4 .container-bottom .number[data-number="4"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2019/Key-cev-4-Color.jpg"); }

.section-hotspots-grid4 .container-bottom .number .inner { width: 71px; height: 101px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) skew(45deg); }

@media only screen and (max-width: 950px) { .section-hotspots-grid4 .container-bottom { padding: 30px 80px 0; } .section-hotspots-grid4 .container-bottom .number { height: 200px; } }

@media only screen and (max-width: 768px) { .section-hotspots-grid4 .container-bottom .inner-text { display: none; } .section-hotspots-grid4 .container-top { flex-direction: column; } .section-hotspots-grid4 .container-top .column:first-child { padding-right: 0px; } .section-hotspots-grid4 .container-top .column:last-child { padding-left: 0px; } .section-hotspots-grid4 .container-top img { padding-bottom: 30px; } .section-hotspots-grid4 .container-bottom { padding: 30px 100px 0; } .section-hotspots-grid4 .container-bottom .number { height: 200px; } .section-hotspots-grid4 .container-bottom .number .inner-text { width: 125%; } .section-hotspots-grid4 .container-bottom .number .inner-text p { font-size: 16px; } .section-hotspots-grid4 .container-bottom:before { height: 65%; } .section-hotspots-grid4 .container-bottom:after { left: -20px; bottom: 20%; height: 30%; } }

@media only screen and (max-width: 600px) { .section-hotspots-grid4 .container-top { padding: 30px 30px 0 30px; } .section-hotspots-grid4 .container-top .number-content { min-height: 100px; } .section-hotspots-grid4 .container-bottom { padding: 30px 35px 0; } .section-hotspots-grid4 .container-bottom .number { height: 120px; } }

/****************************************************************************************************************************************************************
*
* Defense Template
*
****************************************************************************************************************************************************************/
#defenseintro.section-block-truck .container { max-width: 1180px; margin: 0 auto 0px; padding: 60px 30px 0 30px; }

#defenseintro.section-block-truck .content-left img { position: absolute; bottom: 0; left: auto; right: 0; height: 100%; width: auto; top: auto; max-width: none; }

#defenseintro.section-block-truck .content-right { min-height: 475px; }

@media only screen and (max-width: 768px) { #defenseintro.section-block-truck .content-left img { position: relative; height: auto; width: 130%; left: -30%; max-width: none; } }

/****************************** Section 2 Certifications ******************************/
.section-certifications { background: #f3f3f1; }

.section-certifications .container { max-width: 900px; margin: 0 auto; padding: 60px 30px 85px 30px; }

.section-certifications .row { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding: 0 0 30px 0; }

.section-certifications .row .column { flex: 33.33%; text-align: center; }

.section-certifications .row .column p { font-size: 20px; font-family: "Oswald", sans-serif; color: #222; font-weight: 600; text-transform: uppercase; max-width: 250px; margin: 0 auto; }

.section-certifications .row .column img { display: block; margin: 0 auto; max-width: 175px; }

.section-certifications .content { text-align: center; }

@media only screen and (max-width: 900px) { .section-certifications .row { flex-direction: column; justify-content: center; align-items: center; } .section-certifications .row .column { flex: 100%; } }

/****************************** Section 3 Banner ******************************/
#defense-supplier.section-banner-lines { margin: 0px auto 90px; position: relative; overflow: visible; padding-top: 0px; }

#defense-supplier.section-banner-lines a { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.45); background-color: #797979; background-image: url("../../../../../../../../../../hubfs/2019/arrow-white.png"); border-color: #797979; color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 500; display: inline-block; line-height: 1.0em; margin: 0; }

#defense-supplier.section-banner-lines:before { content: ''; position: absolute; top: -35px; left: 50%; width: 100%; height: calc(100% + 30px); border-top: 5px solid #d7d7d7; border-left: 8px solid #d7d7d7; transform: skew(-45deg); transform-origin: top; z-index: 10; }

#defense-supplier.section-banner-lines .header-color { position: absolute; left: 20%; bottom: 0; z-index: 10; transform: translateY(50%); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.45); }

#defense-supplier.section-banner-lines .header-color p { margin: 0; padding: 0; }

#defense-supplier.section-banner-lines .container { width: 100%; margin: 0 auto; position: relative; }

#defense-supplier.section-banner-lines .container .image { position: relative; background-image: url("../../../../../../../../../../hubfs/2019/banner-defense-supplier-documents.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; }

#defense-supplier.section-banner-lines .container .image img { opacity: 0; }

#defense-supplier.section-banner-lines .container .image:before { content: ''; position: absolute; top: 0; left: 18%; width: 15px; height: 100%; background: #ffc800; transform: skew(-45deg); transform-origin: top; z-index: 1; }

#defense-supplier.section-banner-lines .container .image:after { content: ''; position: absolute; top: 0; right: -12%; width: 25px; height: 100%; border-right: 15px solid #ffc800; border-left: 5px solid #fff; transform: skew(-45deg); transform-origin: top; z-index: 1; }

@media only screen and (max-width: 900px) { .section-defense-supplier-documents .header-color { bottom: -20px; } .section-defense-supplier-documents .header-color p { font-size: 20px; padding: 20px 50px 20px 30px; } }

@media only screen and (max-width: 768px) { a.yellow-button, body .section-blogs-grid .blog-post .content a.readmore, .section-blogs-intro .content a, .blog-pagination a, #find-a-dealer.section-block-truck .content-right a, .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .text a, .section-abr .item-wrap .item-contact a, #intro-content.section-content a, #find-dealer.section-banner-lines a, .section-positions p a, #custom-cabs .content-bottom a, .section-cev-callouts a, .section-certifications .content a, #defense-supplier.section-banner-lines a, .section-banner-lines a { font-size: 20px; padding: 10px 50px 10px 30px; background-size: auto 55%; } }

/****************************** Section 4 Content ******************************/
#defense-intro-contents.section-block-truck.section-block-truck-reverse .content-left img { width: 150%; max-width: none; padding-top: 30px; }

#defense-intro-contents.section-block-truck.section-block-truck-reverse h4:before { left: 0; width: 200%; }

/****************************** Section 5 Defense grid ******************************/
.section-abr { background: #f3f3f1; padding: 30px 0; }

.section-abr .container { max-width: 1120px; margin: 0 auto; }

.section-abr .top-content { max-width: 960px; margin: 0 auto; padding: 30px; }

.section-abr .top-content p { font-size: 17px; font-family: "Roboto", sans-serif; margin: 0; }

.section-abr h4 { max-width: 700px; margin: 0 0 20px 0; padding: 0; }

.section-abr hr { border: 1px solid #ffc800; margin-bottom: 20px; }

.section-abr .item-wrap { display: flex; flex-direction: row; flex-wrap: wrap; }

.section-abr .item-wrap .item { flex: 50%; padding: 0 20px 20px; }

.section-abr .item-wrap .item-contact { position: relative; }

.section-abr .item-wrap .item-contact .image { border-bottom: none; }

.section-abr .item-wrap .item-contact .link { position: absolute; bottom: 0; right: 40px; transform: translateY(50%); }

.section-abr .item-wrap .item-contact a { box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.35); }

.section-abr .item-wrap .item-contact:before { content: ''; width: 100vw; height: 95%; position: absolute; left: 92%; top: 0px; border-left: 3px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -2; }

.section-abr .item-wrap .image { border-bottom: 2px solid #ffc800; padding: 0 60px; }

.section-abr .item-wrap .image img { margin: 0 auto; display: block; width: 100%; height: auto; }

.section-abr .item-wrap .text { padding: 20px 0; }

.section-abr .item-wrap .text p { color: #222222; font-family: "Oswald", sans-serif; font-size: 17px; }

.section-abr .item-wrap .text p strong { font-size: 30px; }

@media only screen and (max-width: 900px) { .section-abr .item-wrap .image { padding: 0 20px; } }

@media only screen and (max-width: 600px) { .section-abr .item-wrap { flex-direction: column; } .section-abr .item-wrap .image { padding: 0 60px; } .section-abr .item-wrap .text { padding: 10px 0 20px; } }

/****************************** Section 5 We Salute You ******************************/
#defense-solute { padding-top: 60px; }

#defense-solute h4:before { left: 0; width: 200%; }

#defense-solute .content-right { flex: 40%; }

#defense-solute .content-left { flex: 60%; padding: 50px 0 0 100px; }

#defense-solute .content-left img { position: relative; top: auto; left: auto; min-width: 0; }

#defense-solute .content-left:before { content: ''; width: 115%; height: 75%; position: absolute; bottom: 25%; left: 0; background: #ffc800; transform: skew(-45deg); transform-origin: bottom left; }

@media only screen and (max-width: 1000px) { #defense-solute .content-left:before { left: 10%; } }

@media only screen and (max-width: 900px) { #defense-solute .content-left { flex: 50%; } #defense-solute .content-right { flex: 50%; } }

@media only screen and (max-width: 768px) { #defense-solute .content-left { flex: 50%; padding: 0 30px 30px; margin: 20px 0; } #defense-solute .content-left:before { bottom: 3%; height: 106%; } #defense-solute .content-right { flex: 50%; } }

/****************************** Section 6 Download Brochure ******************************/
.download-brochure .container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; max-width: 1140px; margin: 0 auto; }

.download-brochure .image { flex: 30%; z-index: 3; position: relative; }

.download-brochure .image img { width: 100%; height: auto; min-width: 445px; }

.download-brochure .content-right { flex: 70%; z-index: 2; padding: 60px 20px; margin-bottom: 50px; position: relative; }

.download-brochure .content-right:before { content: ''; width: 200vw; height: 100%; position: absolute; right: 0; top: 0; border: 2px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; z-index: -1; }

.download-brochure .content-right:after { content: ''; width: 10px; height: 100%; position: absolute; right: 5%; top: -50%; background: #ffcc01; transform: skew(-45deg); transform-origin: center; z-index: -1; }

.download-brochure .content-right p { font-family: "Oswald", sans-serif; color: #797979; text-transform: uppercase; font-size: 30px; font-weight: 500; }

.download-brochure .content-right a { font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 23px; border: 4px solid #ffc800; color: #404040; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 15px 50px 15px 30px; background: url(../../../../../../../../../../hubfs/2019/arrow.jpg) no-repeat; background-position: right 20px center; }

.download-brochure .content-right a:hover { background-position: right 15px center; }

@media only screen and (max-width: 900px) { .download-brochure .container { flex-direction: column; } .download-brochure .container .inner { max-width: none; } .download-brochure .container .content-right { padding: 20px 20px; width: 100%; } }

@media only screen and (max-width: 600px) { .download-brochure .container { flex-direction: column; } .download-brochure .container .inner { max-width: none; } .download-brochure .container .content-right { padding: 20px 20px; width: 100%; } .download-brochure .container .content-right:before { right: -100px; } .download-brochure .container .content-right:after { top: -10%; right: 0px; } }

/****************************************************************************************************************************************************************
*
* Certifications Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Intro ******************************/
#certifications-intro.section-block-truck.section-block-truck-reverse { overflow: hidden; margin-bottom: -60px; }

#certifications-intro.section-block-truck.section-block-truck-reverse .container { margin: 0 auto; padding: 60px 30px 0 30px; }

#certifications-intro.section-block-truck.section-block-truck-reverse .content-left { order: 2; }

#certifications-intro.section-block-truck.section-block-truck-reverse .content-left:before { content: ''; width: 3000px; height: 80%; position: absolute; left: -20%; bottom: 15%; border-bottom: 2px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-left: 3px solid #b2b1b1; transform: skew(-45deg); transform-origin: bottom left; z-index: -2; }

#certifications-intro.section-block-truck.section-block-truck-reverse .content-left:after { content: ''; width: 100%; height: 100%; position: absolute; left: 35vw; top: 15%; border-left: 4px solid #ffc800; transform: skew(-45deg); transform-origin: bottom left; z-index: -2; }

#certifications-intro.section-block-truck.section-block-truck-reverse .content-left img { position: relative; left: auto; bottom: auto; }

#certifications-intro.section-block-truck.section-block-truck-reverse .content-right { order: 1; padding-right: 60px; }

#certifications-intro.section-block-truck.section-block-truck-reverse .content-right h4 { padding-right: 20px; }

#certifications-intro.section-block-truck.section-block-truck-reverse .content-right h4:before { left: 0; right: auto; width: 3000px; }

@media only screen and (max-width: 1000px) { #certifications-intro.section-block-truck.section-block-truck-reverse .content-left { flex: 50%; } #certifications-intro.section-block-truck.section-block-truck-reverse .content-left img { min-width: 0; } #certifications-intro.section-block-truck.section-block-truck-reverse .content-right { flex: 50%; } }

/****************************** Section 2 - Certifications Grid ******************************/
.section-certifications-callouts { background: #f3f3f1; padding: 0px 30px 0px; margin: 60px 0 0px; display: block; }

.section-certifications-callouts .container { max-width: 1140px; margin: 0 auto; }

.section-certifications-callouts .title-color { display: inline-block; width: auto; padding: 20px 30px 20px 30px; margin: -35px 0 15px 0; z-index: 10; }

.section-certifications-callouts .title-color:before { content: ''; width: 400vw; height: 100%; top: 0; right: -30px; position: absolute; background: #3e3e3e; z-index: -1; transform: skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); }

.section-certifications-callouts .title-color p { color: #fff; margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; position: relative; height: auto; }

.section-certifications-callouts h4 { margin: 0 0 30px 0; padding: 0 0 30px; font-size: 30px; }

.section-certifications-callouts .row-wrap { padding: 40px 30px 0px;  }

.section-certifications-callouts .row:nth-child(even) .column:last-child { padding-right: 30px; }

.section-certifications-callouts .row:nth-child(even) h4:before { content: ''; height: 4px; background: #ffc800; width: 120vw; position: absolute; bottom: 0; left: -20vw; }

.section-certifications-callouts .row:nth-child(odd) .column:last-child { padding-left: 30px; }

.section-certifications-callouts .row:nth-child(odd) h4:before { content: ''; height: 4px; background: #ffc800; width: 120vw; position: absolute; bottom: 0; right: -100%; }

.section-certifications-callouts .row { display: flex; flex-direction: row; padding: 0px 0; }

.section-certifications-callouts .row p { font-size: 17px; color: #222; }

.section-certifications-callouts .row:nth-child(1) .column:first-child { flex: 70%; order: 1; padding-right: 100px; }

.section-certifications-callouts .row:nth-child(1) .column:first-child h4:before { content: ''; height: 4px; background: #ffc800; width: 400vw; position: absolute; bottom: 0; right: -200%; }

.section-certifications-callouts .row:nth-child(1) .column:last-child { flex: 30%; order: 2; margin: -30px 0 0 0; padding: 0; padding-left: 0; }

.section-certifications-callouts .row:nth-child(1) .column:last-child:before { content: ''; width: 8px; height: 100px; position: absolute; left: 90%; top: -55px; background: #ffcc01; transform: skew(-45deg); transform-origin: top left; z-index: -1; }

.section-certifications-callouts .row:nth-child(1) .column:last-child:after { content: ''; width: 3000px; height: 275px; position: absolute; left: 80%; top: -55px; border-bottom: 2px solid #b2b1b1; border-left: 3px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -2; }

.section-certifications-callouts .row:nth-child(1) .image { padding: 100px 0 0 40px; }

.section-certifications-callouts .row:nth-child(2) .column:first-child { flex: 40%; order: 2; padding: 0 0 0 30px; z-index: 9; }

.section-certifications-callouts .row:nth-child(2) .column:last-child { flex: 60%; order: 1; margin: -30px 0 70px 0; z-index: 10; }

.section-certifications-callouts .row:nth-child(2) .image:before { content: ''; width: 3000px; height: 100%; position: absolute; right: 20%; top: 0%; background: #ffcc01; transform: skew(-45deg); transform-origin: top right; z-index: -1; }

.section-certifications-callouts .row:nth-child(3) .column:first-child { flex: 70%; order: 1; padding-right: 100px; }

.section-certifications-callouts .row:nth-child(3) .column:first-child h4:before { content: ''; height: 4px; background: #ffc800; width: 400vw; position: absolute; bottom: 0; right: -200%; }

.section-certifications-callouts .row:nth-child(3) .column:last-child { flex: 30%; order: 2; margin: -30px 0 0 0; padding: 0; padding-left: 0; }

.section-certifications-callouts .row:nth-child(3) .column:last-child:before { content: ''; width: 8px; height: 320px; position: absolute; left: 65%; top: 0; background: #ffcc01; transform: skew(-45deg); transform-origin: top left; z-index: -1; }

.section-certifications-callouts .row:nth-child(3) .column:last-child:after { content: ''; width: 3000px; height: 325px; position: absolute; left: 95%; top: -55px; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; border-left: 3px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -2; }

.section-certifications-callouts .row:nth-child(3) .image { padding: 0 0 0 40px; }

@media only screen and (max-width: 900px) { .section-certifications-callouts .row:nth-child(2) .column:first-child { flex: 50%; } .section-certifications-callouts .row:nth-child(2) .column:last-child { flex: 50%; } }

@media only screen and (max-width: 768px) { .section-certifications-callouts .row { flex-direction: column; padding: 30px 0; } .section-certifications-callouts .row:nth-child(2) .column:first-child { order: 2; padding: 0; } .section-certifications-callouts .row:nth-child(2) .column:last-child { padding: 0; } .section-certifications-callouts .row:nth-child(1) .column:first-child, .section-certifications-callouts .row:nth-child(3) .column:first-child { order: 2; padding: 0; } .section-certifications-callouts .row:nth-child(1) .column:last-child, .section-certifications-callouts .row:nth-child(3) .column:last-child { order: 1; flex: auto; width: 300px; } .section-certifications-callouts .row:nth-child(1) .column:last-child:before, .section-certifications-callouts .row:nth-child(3) .column:last-child:before { height: 120px; } .section-certifications-callouts .row:nth-child(1) .column:last-child:after, .section-certifications-callouts .row:nth-child(3) .column:last-child:after { height: 200px; top: 0; } }

/****************************************************************************************************************************************************************
*
* Dealer Documents Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Intro ******************************/
.section-certifications-callout { padding: 30px 30px 30px; margin: 0; display: block; }

.section-certifications-callout .container { max-width: 1140px; margin: 0 auto; }

.section-certifications-callout h4 { position: relative; padding-bottom: 30px; margin: 0 0 30px; }

.section-certifications-callout h4:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #ffc800; z-index: -1; }

.section-certifications-callout .title-color { display: inline-block; width: auto; padding: 20px 30px 20px 30px; margin: -35px 0 15px 0; z-index: 10; }

.section-certifications-callout .title-color p { color: #fff; margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; position: relative; height: auto; }

.section-certifications-callout .title-color:before { content: ''; width: 400vw; height: 100%; top: 0; right: -30px; position: absolute; background: #3e3e3e; z-index: -1; transform: skew(-45deg); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); }

.section-certifications-callout .content-top { padding: 15px 30px; }

.section-certifications-callout .content-bottom { padding: 15px 30px; }

.section-certifications-callout .content-documents { padding: 15px 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }

.section-certifications-callout .document-wrap { flex: 0 0 25%; width: auto; margin: 0; padding: 15px 15px 15px 0; }

.section-certifications-callout .document-wrap a, .section-certifications-callout .document-wrap p { color: #5c5c5c; text-decoration: none; }

.section-certifications-callout .document-wrap a { display: block; height: 100%; }

.section-certifications-callout .bulletin { height: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; padding: 15px; position: relative; }

.section-certifications-callout .bulletin:after { content: ''; width: calc(100% - 2px); height: calc(100% - 2px); position: absolute; border: 2px solid #797979; top: -1px; left: -1px; }

.section-certifications-callout .bulletin-image { flex: 30%; order: 2; text-align: center; justify-content: center; }

.section-certifications-callout .bulletin-image img { transition: 0.2s ease-in-out; padding: 0; border: none; margin: 0 auto; }

.section-certifications-callout .bulletin-content { flex: 70%; order: 1; }

.section-certifications-callout .bulletin-content p strong { color: #797979; font-size: 16px; font-weight: 700; font-family: 'Oswald', sans-serif; }

.section-certifications-callout .bulletin-content p { color: #797979; font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif; }

@media only screen and (max-width: 1000px) { .section-certifications-callout .document-wrap { flex: 0 0 33.33%; } }

@media only screen and (max-width: 768px) { .section-certifications-callout .document-wrap { flex: 0 0 50%; } }

@media only screen and (max-width: 600px) { .section-certifications-callout .document-wrap { flex: 0 0 100%; } }

/****************************************************************************************************************************************************************
*
* Commercial Truck Bodies Template
*
****************************************************************************************************************************************************************/
#commercial-intro.section-block-truck .container { max-width: 1180px; margin: 0 auto 0px; padding: 60px 30px 0 30px; }

#commercial-intro.section-block-truck .content-left img { position: absolute; left: auto; right: 0; height: 90%; width: auto; top: auto; min-width: 0; max-width: none; }

#commercial-intro.section-block-truck .content-right { padding-bottom: 200px; }

@media only screen and (max-width: 768px) { #commercial-intro.section-block-truck .content-left img { position: relative; height: auto; width: 100%; left: 0; max-width: none; } #commercial-intro.section-block-truck .content-right { padding-bottom: 50px; } }

/****************************** Section 2 Truck grid ******************************/
.section-commercial-truck-grid { background: #f3f3f1; padding: 60px 0 30px 0; }

.section-commercial-truck-grid:before { content: ''; width: 100%; height: 300px; border-left: 6px solid #ffc800; position: absolute; top: -30px; left: -20px; transform: skew(-45deg); transform-origin: bottom; }

.section-commercial-truck-grid .container { max-width: 1120px; margin: 0 auto; }

.section-commercial-truck-grid .item-wrap { display: flex; flex-direction: row; flex-wrap: wrap; }

.section-commercial-truck-grid .item-wrap .item { flex: 50%; padding: 0 20px 20px; }

.section-commercial-truck-grid .item-wrap .item img { transition: 0.2s ease-in-out; transform: scale(1); }

.section-commercial-truck-grid .item-wrap .item:hover img { transform: scale(1.02); }

.section-commercial-truck-grid .item-wrap .text a { text-decoration: none; background-color: transparent; border: none; color: #222; padding: 15px 65px 15px 0px; }

.section-commercial-truck-grid .item-wrap .item-contact { position: relative; }

.section-commercial-truck-grid .item-wrap .item-contact .image { border-bottom: none; }

.section-commercial-truck-grid .item-wrap .item-contact .link { position: absolute; bottom: 10px; right: 0px; transform: translateY(50%); }

.section-commercial-truck-grid .item-wrap .item-contact a { box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.35); font-size: 26px; }

.section-commercial-truck-grid .item-wrap .item-contact:before { content: ''; width: 100vw; height: 95%; position: absolute; left: 92%; top: 0px; border-left: 3px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -2; }

.section-commercial-truck-grid .item-wrap .image { border-bottom: 2px solid #ffc800; padding: 0 50px 10px; }

.section-commercial-truck-grid .item-wrap .image img { margin: 0 auto; display: block; width: 100%; height: auto; }

.section-commercial-truck-grid .item-wrap .text { padding: 0; }

.section-commercial-truck-grid .item-wrap .text p { color: #222222; font-family: "Oswald", sans-serif; font-size: 17px; }

.section-commercial-truck-grid .item-wrap .text p strong { font-size: 30px; }

@media only screen and (max-width: 1100px) { .section-commercial-truck-grid .item-wrap .item-contact .link { right: 15px; } .section-commercial-truck-grid .item-wrap .item-contact a { font-size: 20px; } }

@media only screen and (max-width: 900px) { .section-commercial-truck-grid .item-wrap .item-contact a { font-size: 18px; } .section-commercial-truck-grid:before { left: -20%; } }

@media only screen and (max-width: 600px) { .section-commercial-truck-grid .item-wrap { flex-direction: column; padding-bottom: 30px; margin-bottom: 30px; justify-content: center; display: block; } .section-commercial-truck-grid .item-wrap .text { padding: 10px 0 0px; } .section-commercial-truck-grid .item-wrap .text p { margin: 0; } .section-commercial-truck-grid .item-wrap .item { padding: 0 20px 50px; } .section-commercial-truck-grid .item-wrap .item-contact:before { height: 115%; top: -10%; } .section-commercial-truck-grid .item-wrap .image { padding: 0 0px 10px; } .section-commercial-truck-grid .item-wrap .image img { position: relative; } }

/****************************** Section 3 Video ******************************/
.section-videos-grid { background: #3e3e3e; padding: 85px 30px; }

.section-videos-grid .container { max-width: 1140px; margin: 0 auto; }

.section-videos-grid .row-top { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 60px; }

.section-videos-grid .row-top:before { content: ''; width: 100vw; height: calc(100% + 50px); position: absolute; left: 51%; top: -25px; border-left: 3px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; transform: skew(-45deg); transform-origin: top left; z-index: -2; }

.section-videos-grid .row-top:after { content: ''; width: 100vw; height: 80%; position: absolute; left: 31%; bottom: -20%; border-left: 7px solid #ffc800; transform: skew(-45deg); transform-origin: top left; z-index: 10; }

.section-videos-grid .row-top .column:first-child { flex: 40%; z-index: 5; }

.section-videos-grid .row-top .column:first-child p { font-size: 30px; font-weight: 600; color: #222; font-family: "Oswald", sans-serif; text-transform: uppercase; max-width: 280px; padding: 60px 0 60px 0; margin: 0; position: relative; }

.section-videos-grid .row-top .column:first-child p:before { content: ''; width: 3000px; height: 100%; background: #c4c4c4; right: -100%; top: 0; position: absolute; transform: skew(-45deg); transform-origin: top right; z-index: -1; }

.section-videos-grid .row-top .column:last-child { flex: 60%; z-index: 50; }

.section-videos-grid .row-top .column:last-child .video { padding: 20px 20px 20px 0; overflow: hidden; }

.section-videos-grid .row-top .column:last-child .video a { display: block; }

.section-videos-grid .row-top .column:last-child .video:before { content: ''; width: 375px; height: 375px; position: absolute; right: -100px; bottom: 0; background: #ffc800; transform: skew(-45deg); transform-origin: bottom; z-index: -1; }

.section-videos-grid .row-top .column:last-child .video:hover:after { -webkit-filter: drop-shadow(5px 5px 10px black); filter: drop-shadow(5px 5px 10px black); transform: scale(1.05) translate(-50%, -50%); }

.section-videos-grid .row-top .column:last-child .video:after { content: ''; width: 100%; height: 50%; position: absolute; top: 50%; left: 50%; transition: 0.2s ease-in-out; border-radius: 100%; -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); transform: translate(-50%, -50%); transform-origin: top left; background-image: url("../../../../../../../../../../hubfs/2019/video-overlay.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }

.section-videos-grid .row-middle { padding: 30px 0 30px 0; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; }

.section-videos-grid .row-middle .column:first-child { flex: 35%; }

.section-videos-grid .row-middle .column:first-child p { font-size: 27px; font-family: "Oswald", sans-serif; color: #c4c4c4; text-transform: uppercase; line-height: 1.4em; }

.section-videos-grid .row-middle .column:first-child p a { color: #fff; }

.section-videos-grid .row-middle .column:last-child { flex: 65%; }

.section-videos-grid .row-middle .column:last-child ul { margin: 0 0 0 20px; padding: 0; }

.section-videos-grid .row-middle .column:last-child ul li, .section-videos-grid .row-middle .column:last-child p { font-size: 20px; font-family: "Roboto", sans-serif; color: #c4c4c4; line-height: 1.6em; margin: 0; padding: 0 0 10px 0; }

.section-videos-grid .row-middle .column:last-child ul li a, .section-videos-grid .row-middle .column:last-child p a { color: #fff; }

@media only screen and (max-width: 1200px) { .section-videos-grid .row-top:after { height: 50%; left: 21%; } }

@media only screen and (max-width: 900px) { .section-videos-grid .row-middle .column { padding: 0 30px; width: 100%; } }

@media only screen and (max-width: 768px) { .section-videos-grid .row-top { flex-direction: column; } .section-videos-grid .row-top:before { width: 200vw; } .section-videos-grid .row-top:after { display: none; } .section-videos-grid .row-top .column:first-child p { padding: 20px 0; } .section-videos-grid .row-top .column:first-child p:before { right: -100%; } .section-videos-grid .row-top .column:last-child { padding-top: 30px; } .section-videos-grid .row-top .column:last-child .video:before { right: -200px; } .section-videos-grid .row-middle { flex-direction: column; } .section-videos-grid .row-middle .column { padding: 0; } }

/****************************** Section 3 Truck grid ******************************/
.section-content.section-content-ctb { padding: 30px 0; }

.section-content.section-content-ctb h4 { padding-right: 35%; }

.section-content.section-content-ctb p { color: #222; }

@media only screen and (max-width: 950px) { .section-content.section-content-ctb h4 { padding-right: 25%; } }

@media only screen and (max-width: 768px) { .section-content.section-content-ctb h4 { padding-right: 0; } }

@media only screen and (max-width: 600px) { .section-content.section-content-ctb .half-wrap { flex-direction: column; } .section-content.section-content-ctb .half-wrap .left-half { padding: 0; } .section-content.section-content-ctb .half-wrap .right-half { padding: 0; } }

/****************************** Section Resources Documents ******************************/
.section-resources { padding: 45px 0; }

.section-resources .section-certifications-callout { padding: 0 30px; }

.section-resources .section-certifications-callout .sectionheader { padding: 0 50px 0 30px; }

.section-resources .section-certifications-callout h4 { font-size: 24px; margin: 0 0 20px; padding: 20px 0 20px; }

.section-resources .title-color { margin: 15px 0 30px; }

/****************************************************************************************************************************************************************
*
* Parts Template
*
****************************************************************************************************************************************************************/
/****************************** Section 1 Intro Content ******************************/
#parts-intro.section-block-truck.section-block-truck-reverse { overflow: hidden; }

#parts-intro.section-block-truck.section-block-truck-reverse .container { margin: 0 auto; }

#parts-intro.section-block-truck.section-block-truck-reverse .content-right { flex: 45%; }

#parts-intro.section-block-truck.section-block-truck-reverse .content-right h4:before { right: -100%; }

#parts-intro.section-block-truck.section-block-truck-reverse .content-left { flex: 55%; }

#parts-intro.section-block-truck.section-block-truck-reverse .content-left .image { width: 140%; height: 100%; max-height: 400px; left: 50px; transform: skew(-45deg); overflow: hidden; transform-origin: bottom left; }

#parts-intro.section-block-truck.section-block-truck-reverse .content-left .image img { transform: skew(45deg); transform-origin: bottom left; left: 0; }

@media only screen and (max-width: 1000px) { #parts-intro.section-block-truck.section-block-truck-reverse .content-right { flex: 50%; } #parts-intro.section-block-truck.section-block-truck-reverse .content-left { flex: 50%; } }

@media only screen and (max-width: 768px) { #parts-intro.section-block-truck.section-block-truck-reverse { padding-top: 0; } #parts-intro.section-block-truck.section-block-truck-reverse .content-left { order: 2; } #parts-intro.section-block-truck.section-block-truck-reverse .content-left .image { width: 200%; height: 100%; max-height: 400px; left: 0; } #parts-intro.section-block-truck.section-block-truck-reverse .content-right { order: 1; } }

/****************************** Section 2 Form ******************************/
#parts.section-team-contact:before { content: ''; width: 300vw; height: calc(100% - 22px); top: 20px; right: 10%; position: absolute; z-index: -1; transform: skew(-45deg); border-top: 2px solid #ffc800; border-right: 3px solid #ffc800; }

#parts.section-team-contact .hs_upload_file, #parts.section-team-contact .hs_upload_photo { width: 50%; max-width: 300px; display: inline-block; border: 4px solid #fff; margin: 30px 30px 0 0; }

#parts.section-team-contact .hs_upload_file label, #parts.section-team-contact .hs_upload_photo label { color: #fff; text-transform: uppercase; position: absolute; top: -30px; }

#parts.section-team-contact .hs_upload_file input, #parts.section-team-contact .hs_upload_photo input { padding-left: 0; font-style: normal; color: #fff; }

#parts.section-team-contact .hs_upload_file .input, #parts.section-team-contact .hs_upload_photo .input { padding: 5px 15px 0px 15px; }

#parts.section-team-contact .hs_submit { display: inline-block; width: auto; padding: 0; top: 9px; }

#parts.section-team-contact form input[type="submit"] { padding: 21px 100px 21px 70px; }

@media only screen and (max-width: 768px) { #parts.section-team-contact:before { right: -90%; } #parts.section-team-contact .hs_upload_file, #parts.section-team-contact .hs_upload_photo { width: 100%; max-width: 340px; } }

/****************************** Section 3 Content ******************************/
#parts-content.section-block-truck.section-block-truck-reverse { padding-top: 0px; }

#parts-content.section-block-truck.section-block-truck-reverse .container { margin: 0 auto; }

#parts-content.section-block-truck.section-block-truck-reverse .content-right { flex: 60%; }

#parts-content.section-block-truck.section-block-truck-reverse .content-right h4:before { right: -100%; }

#parts-content.section-block-truck.section-block-truck-reverse .content-left { flex: 40%; }

#parts-content.section-block-truck.section-block-truck-reverse .content-left .image { width: 200%; height: 100%; max-height: 400px; left: -50px; top: -100px; transform: skew(-45deg); overflow: hidden; transform-origin: bottom left; }

#parts-content.section-block-truck.section-block-truck-reverse .content-left .image img { transform: skew(45deg); transform-origin: bottom left; left: 0; }

#parts-content.section-block-truck.section-block-truck-reverse .content-left:before { content: ''; width: 100vw; height: 120%; position: absolute; left: 50%; top: calc(-10% - 100px); border-left: 3px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; transform: skew(-45deg); transform-origin: bottom; z-index: -2; }

@media only screen and (max-width: 1000px) { #parts-content.section-block-truck.section-block-truck-reverse .content-right { flex: 50%; } #parts-content.section-block-truck.section-block-truck-reverse .content-left { flex: 50%; } #parts-content.section-block-truck.section-block-truck-reverse .content-left .image { left: -40%; } }

@media only screen and (max-width: 768px) { #parts-content.section-block-truck.section-block-truck-reverse .content-left { order: 2; } #parts-content.section-block-truck.section-block-truck-reverse .content-left .image { position: relative; top: 0; width: 150%; left: 0; } #parts-content.section-block-truck.section-block-truck-reverse .content-right { order: 1; } }

/****************************************************************************************************************************************************************
*
*  Fire & Emergency Landing Page
*
****************************************************************************************************************************************************************/
.find-dealer-wrap .container { display: flex; flex-direction: row; flex-wrap: nowrap; max-width: 1140px; margin: 0 auto; padding: 0 30px; }

.find-dealer-wrap .column:first-child { flex: 40%; padding: 0 20px 0 0; }

.find-dealer-wrap .column:first-child ul li { display: none; }

.find-dealer-wrap .column:first-child h4 { margin: 0 0 10px 0; }

.find-dealer-wrap .column:first-child p.name { font-size: 25px; color: #000; font-family: "Oswald", sans-serif; }

.find-dealer-wrap .column:last-child { flex: 60%; padding: 0 0 0 20px; }

.find-dealer-wrap #map-canvas { height: 500px; margin-top: 20px; }

.find-dealer-wrap .map-search select, .find-dealer-wrap .map-search input { -webkit-appearance: none; background: #fff; border: 2px solid #d7d7d7; padding: 10px 15px; line-height: 1.0em; width: 100%; box-sizing: border-box; border-radius: 0; color: #000; font-family: "Roboto", sans-serif; }

.find-dealer-wrap .map-search select::-webkit-input-placeholder, .find-dealer-wrap .map-search input::-webkit-input-placeholder { font-style: italic; font-size: 16px; font-family: "Roboto", sans-serif; opacity: 1; color: #000; }

.find-dealer-wrap .map-search select::-moz-placeholder, .find-dealer-wrap .map-search input::-moz-placeholder { font-style: italic; font-size: 16px; font-family: "Roboto", sans-serif; opacity: 1; color: #000; }

.find-dealer-wrap .map-search select:-ms-input-placeholder, .find-dealer-wrap .map-search input:-ms-input-placeholder { font-style: italic; font-size: 16px; font-family: "Roboto", sans-serif; opacity: 1; color: #000; }

.find-dealer-wrap .map-search select::-ms-input-placeholder, .find-dealer-wrap .map-search input::-ms-input-placeholder { font-style: italic; font-size: 16px; font-family: "Roboto", sans-serif; opacity: 1; color: #000; }

.find-dealer-wrap .map-search select::placeholder, .find-dealer-wrap .map-search input::placeholder { font-style: italic; font-size: 16px; font-family: "Roboto", sans-serif; opacity: 1; color: #000; }

.find-dealer-wrap .map-search select { background-image: url("../../../../../../../../../../hubfs/2019/select-arrow.png"); background-repeat: no-repeat; background-color: #fff; background-position: right 20px center; background-size: auto 30%; }

.find-dealer-wrap .map-search select:hover { background-position: right 18px center; background-size: auto 35%; }

.find-dealer-wrap .map-search input[type="submit"] { background: #fff; border: 2px solid #ffc800; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 22px; border: 4px solid #ffc800; color: #404040; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; margin: 20px 0; padding: 10px 55px 10px 30px; width: 100%; display: block; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: #fff; background-position: right 20px center; background-size: auto 40%; }

.find-dealer-wrap .map-search input[type="submit"]:hover { background-position: right 15px center; }

@media only screen and (max-width: 767px) { .find-dealer-wrap .container { flex-direction: column; } }

#where-to-buy .content-container { max-width: 1140px; margin: 0 auto; padding: 30px; position: relative; }

#where-to-buy .content-container .bg-image-wrap { top: -200px; bottom: -250px; z-index: 0; }

#where-to-buy .content-container .content { padding: 0 30px; }

#where-to-buy #map-canvas { width: 100%; height: 500px; }

.locations-filtered { line-height: 2em; }

.locations-filtered img { float: left; padding: 0 10px 0 0; }

.locations-filtered a { border: 2px solid #ffc800; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; color: #000; text-decoration: none; padding: 2px 10px; float: right; line-height: 1.5em; }

#location-list { margin: 30px 0; }

#location-list ul { margin: 0; padding: 0; }

#location-list li { list-style: none; margin: 0 0 30px 0; border: 2px solid #d7d7d7; padding: 20px 30px; box-sizing: border-box; }

#location-list li p { margin: 0 0 10px 0; line-height: 1.2em; padding: 0; font-size: 17px; font-family: "Roboto", sans-serif; font-weight: 400; color: #222; }

#location-list li p.name { text-decoration: none; color: #222; font-size: 22px; font-weight: 500; font-family: "Oswald", sans-serif; }

#location-list li p a { text-decoration: none; color: #222; font-size: 17px; font-weight: 400; }

.gm-style-iw.gm-style-iw-c { padding: 12px !important; }

.gm-style-iw.gm-style-iw-c .gm-style-iw-d div p:first-child strong { font-family: "Oswald", sans-serif; font-size: 20px; font-weight: 500; color: #000; }

.gm-style-iw.gm-style-iw-c p { font-size: 16px; font-weight: 500; font-family: "Roboto", sans-serif; margin: 0 0 10px 0; line-height: 1.3em; color: #000; }

.gm-style-iw.gm-style-iw-c p:last-child { margin: 0; }

.gm-style-iw.gm-style-iw-c p strong { font-family: "Oswald", sans-serif; font-size: 16px; font-weight: 500; text-transform: capitalize; }

.gm-style-iw.gm-style-iw-c p a { color: #222; text-decoration: none; }

/****************************************************************************************************************************************************************
*
*  Fire & Emergency Page
*
****************************************************************************************************************************************************************/
/****************************** Section 2 - Video Section ******************************/
.section-video { position: relative; }

.section-video .container { max-width: 675px; margin: 0 auto; }

.section-video .container:before { content: ''; width: 3000px; height: 50%; position: absolute; right: -150px; top: 50px; border-top: 4px solid #d7d7d7; border-right: 6px solid #d7d7d7; transform: skew(-45deg); transform-origin: top; z-index: -1; }

.section-video .inner { width: 100%; text-align: center; }

.section-video h4 { background: #fff; padding: 10px 30px; text-align: center; display: inline-block; margin: 0 auto; }

.section-video .video { position: relative; margin: 0 auto; text-align: center; max-width: 650px; overflow: hidden; padding: 30px; }

.section-video .video img { display: block; margin: 0 auto; }

.section-video .video:hover:before { -webkit-filter: drop-shadow(5px 5px 10px black); filter: drop-shadow(5px 5px 10px black); transform: scale(1.05) translate(-50%, -50%); }

.section-video .video:before { content: ''; width: 100%; height: 50%; position: absolute; top: 50%; left: 50%; transition: 0.2s ease-in-out; border-radius: 100%; -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); transform: translate(-50%, -50%); transform-origin: top left; background-image: url("../../../../../../../../../../hubfs/2019/video-overlay.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }

.section-video .video:after { content: ''; width: 60%; height: 100%; position: absolute; right: -22%; bottom: 0; background: #bcbcbc; transform: skew(-45deg); transform-origin: bottom; z-index: -1; }

@media only screen and (max-width: 768px) { .section-video .container:before { right: -10%; top: 35px; } .section-video .video { padding: 30px 15px 15px; } }

/****************************** Section 3 - Banner ******************************/
#find-dealer.section-banner-lines { margin: 60px auto 90px; position: relative; overflow: visible; padding-top: 45px; }

#find-dealer.section-banner-lines a { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.45); background: #ffcc00; color: #222; text-transform: uppercase; font-size: 30px; font-weight: 500; display: inline-block; padding: 25px 50px; line-height: 1.0em; position: absolute; top: 20px; left: 30%; z-index: 30; }

#find-dealer.section-banner-lines:before { content: ''; position: absolute; top: 0; left: 35%; width: 100%; height: 100%; border-top: 5px solid #d7d7d7; border-left: 8px solid #d7d7d7; transform: skew(-45deg); transform-origin: top; z-index: 10; }

#find-dealer.section-banner-lines .header-color { position: absolute; top: 20px; left: 25%; z-index: 20; bottom: 0; transform: translateY(50%); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.45); }

#find-dealer.section-banner-lines .header-color p { margin: 0; padding: 0; }

#find-dealer.section-banner-lines .container { width: 100%; margin: 0 auto; position: relative; }

#find-dealer.section-banner-lines .container .image { position: relative; background-image: url("../../../../../../../../../../hubfs/2019/fire-truck-find-a-dealer.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; }

#find-dealer.section-banner-lines .container .image img { opacity: 0; }

#find-dealer.section-banner-lines .container .image:before { content: ''; position: absolute; top: 0; left: 18%; width: 15px; height: 100%; background: #ffc800; transform: skew(-45deg); transform-origin: top; z-index: 1; }

#find-dealer.section-banner-lines .container .image:after { content: ''; position: absolute; top: 0; right: -12%; width: 25px; height: 100%; border-right: 15px solid #ffc800; border-left: 5px solid #fff; transform: skew(-45deg); transform-origin: top; z-index: 1; }

@media only screen and (max-width: 900px) { .section-defense-supplier-documents .header-color { bottom: -20px; } .section-defense-supplier-documents .header-color p { font-size: 20px; padding: 20px 50px 20px 30px; } }

@media only screen and (max-width: 768px) { a.yellow-button, body .section-blogs-grid .blog-post .content a.readmore, .section-blogs-intro .content a, .blog-pagination a, #intro-content.section-content a, #find-dealer.section-banner-lines a, .section-positions p a, #custom-cabs .content-bottom a, .section-cev-callouts a, .section-certifications .content a, #defense-supplier.section-banner-lines a, .section-abr .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .item-contact a, #find-a-dealer.section-block-truck .content-right a, .section-banner-lines a { font-size: 20px; padding: 10px 50px 10px 30px; background-size: auto 55%; margin-bottom: 25px;} }

/****************************** Section 4 - Testimonials ******************************/
.section-testimonial { padding: 60px 0; }

.section-testimonial .container { max-width: 1140px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: top; }

.section-testimonial .content-left { flex: 50%; padding-right: 50px; box-sizing: border-box; }

.section-testimonial .content-left:before { content: ''; width: 200vw; height: 300%; position: absolute; right: -60px; top: -30px; border: 2px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; }

.section-testimonial .content-left .inner { position: relative; }

.section-testimonial .content-left .inner .inner-container { height: 100%; width: 100%; position: relative; display: inline-block; }

.section-testimonial .content-left .inner .inner-container:before { content: ''; width: 10px; height: calc(100% + 40px); position: absolute; right: 70px; bottom: -50px; background: #ffcc01; transform: skew(-45deg); transform-origin: center; z-index: -1; }

.section-testimonial .content-left .inner img { margin: 0; display: block; float: right; }

.section-testimonial .content-left .inner p { position: absolute; bottom: -8px; right: 0; margin: 0; max-width: 75%; font-size: 20px; text-align: right; font-family: "Roboto", sans-serif; text-transform: uppercase; line-height: 1.4em; color: #222; }

.section-testimonial .content-right { flex: 50%; }

.section-testimonial .content-right .inner { padding: 45px 10% 0 30px; }

.section-testimonial .content-right p { font-size: 20px; font-family: "Roboto", sans-serif; padding: 40px 20px 20px 0; }

.section-testimonial a { font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 23px; border: 4px solid #797979; color: #fff; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 15px 55px 15px 30px; background-image: url("../../../../../../../../../../hubfs/2019/arrow-white.png"); background-size: auto 1.0em; background-repeat: no-repeat; background-color: #797979; background-position: right 20px center; }

.section-testimonial a:hover { background-position: right 15px center; }

@media only screen and (max-width: 768px) { .section-testimonial { padding: 0; margin: 0 auto; max-width: 480px; } .section-testimonial .container { display: block; } .section-testimonial .content-left { width: 100%; } .section-testimonial .content-left .inner .inner-container:before { right: 45px; } .section-testimonial .content-left .inner p { font-size: 16px; } .section-testimonial .content-right { width: 100%; padding: 50px 0 0; } .section-testimonial .content-right p { margin: 0; } }

/****************************************************************************************************************************************************************
*
*  Pumper Page
*
****************************************************************************************************************************************************************/
#trucks-intro.section-block-truck.section-block-truck-reverse .container { max-width: 1040px; margin: 0 auto; padding: 60px 30px 0 30px; }

#trucks-intro.section-block-truck.section-block-truck-reverse .content-left img { height: 400px; max-width: none; width: auto; }

/****************************** Picture Showcase ******************************/
.section-picture-showcase { padding: 30px 30px 60px; }

.section-picture-showcase .container { padding: 0 30px; }

.section-picture-showcase .picture-gallery-wrap { padding: 0 30px; }

.section-picture-showcase .slick-list { padding: 0 !important; }

.section-picture-showcase h4 { border-bottom: 2px solid #ffc800; margin: 0 0 40px 0; padding: 0 0 20px 0; }

.section-picture-showcase .gallery-picture { position: relative; padding: 0 10px 30px; }

.section-picture-showcase .gallery-picture img { padding: 0 !important; margin-bottom: 10px; }

.section-picture-showcase .gallery-picture p { margin: 0; padding: 0; line-height: 1.2em; font-size: 17px; font-weight: bold; font-family: "Roboto", sans-serif; }

.section-picture-showcase .gallery-picture a { text-decoration: none; }

.section-picture-showcase .slick-active.slick-center img { box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

.section-picture-showcase .slick-list { padding: 160px 0 !important; }

@media only screen and (max-width: 550px) { .section-picture-showcase .slick-list { padding: 30px 0 !important; } .section-picture-showcase .slick-active.slick-center, .section-picture-showcase .slick-slide[aria-hidden="true"], .section-picture-showcase .slick-slide { transform: scale(1); } }

/****************************** Picture Gallery ******************************/
.section-picture-gallery { padding: 30px 30px 60px; }

.section-picture-gallery .container { padding: 0 30px; }

.section-picture-gallery .picture-gallery-wrap { padding: 0 30px; }

.section-picture-gallery h4 { border-bottom: 2px solid #ffc800; margin: 0 0 40px 0; padding: 0 0 20px 0; }

.section-picture-gallery .gallery-picture { position: relative; padding: 0 10px 30px; }

.section-picture-gallery .gallery-picture img { padding: 0 0 10px 0; }

.section-picture-gallery .gallery-picture p { margin: 0; padding: 0; line-height: 1.2em; font-size: 17px; font-weight: bold; font-family: "Roboto", sans-serif; }

.section-picture-gallery .gallery-picture a { text-decoration: none; }

.calendarpromo #wrapper-intro-text { display: none; }

#trucks-intro.section-block-truck.section-block-truck-reverse .content-right:after { content: ''; width: 100vw; height: 50%; position: absolute; right: -40%; top: -25px; border-top: 2px solid #b2b1b1; border-right: 3px solid #b2b1b1; transform: skew(45deg); transform-origin: top left; z-index: -2; }

#trucks-intro.section-block-truck.section-block-truck-reverse .content-right h4 { padding-right: 20px; }

#trucks-intro.section-block-truck.section-block-truck-reverse .content-right h4:before { width: 100%; right: 0; }

/****************************** Section 3 Video ******************************/
.section-videos-grid.section-videos-grid-white { background: #fff; padding: 85px 30px; }

.section-videos-grid.section-videos-grid-white.animate .row-top .column:first-child { left: auto; right: 0; }

.section-videos-grid.section-videos-grid-white .row-top .column:first-child { left: auto; right: -150%; }

.section-videos-grid.section-videos-grid-white .container { max-width: 1140px; margin: 0 auto; }

.section-videos-grid.section-videos-grid-white:before { content: ''; width: 100vw; height: 70%; position: absolute; right: 50%; left: auto; top: calc(50% - 30px); border-right: 3px solid #b2b1b1; border-top: 2px solid #b2b1b1; border-bottom: 2px solid #b2b1b1; transform: translateY(-50%) skew(45deg); transform-origin: right; z-index: -2; display: block; }

.section-videos-grid.section-videos-grid-white .row-top { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 60px; }

.section-videos-grid.section-videos-grid-white .row-top:before { opacity: 0; display: none; }

.section-videos-grid.section-videos-grid-white .row-top:after { content: ''; width: 100vw; height: 80%; position: absolute; right: 50%; left: auto; bottom: -20%; border-right: 7px solid #ffc800; border-left: none; left: auto; transform: skew(45deg); transform-origin: top right; z-index: 3; }

.section-videos-grid.section-videos-grid-white .row-top .column:first-child { flex: 40%; z-index: 5; order: 2; }

.section-videos-grid.section-videos-grid-white .row-top .column:first-child p { font-size: 28px; font-weight: 600; color: #222; font-family: "Oswald", sans-serif; max-width: 360px; padding: 60px 0 60px 60px; margin: 0; position: relative; box-sizing: border-box; text-transform: none; }

.section-videos-grid.section-videos-grid-white .row-top .column:first-child p:before { content: ''; width: 700px; height: 100%; background: #ffc800; right: -60%; top: 0; position: absolute; transform: skew(-45deg); transform-origin: top right; z-index: -1; }

.section-videos-grid.section-videos-grid-white .row-top .column:last-child { flex: 60%; z-index: 50; order: 1; }

.section-videos-grid.section-videos-grid-white .row-top .column:last-child .video { padding: 20px 0 20px 20px; overflow: hidden; }

.section-videos-grid.section-videos-grid-white .row-top .column:last-child .video a { display: block; }

.section-videos-grid.section-videos-grid-white .row-top .column:last-child .video:before { content: ''; width: 375px; height: 375px; position: absolute; left: -100px; bottom: 0; background: #ffc800; transform: skew(45deg); transform-origin: bottom; z-index: -1; }

.section-videos-grid.section-videos-grid-white .row-top .column:last-child .video:hover:after { -webkit-filter: drop-shadow(5px 5px 10px black); filter: drop-shadow(5px 5px 10px black); transform: scale(1.05) translate(-50%, -50%); }

.section-videos-grid.section-videos-grid-white .row-top .column:last-child .video:after { content: ''; width: 100%; height: 50%; position: absolute; top: 50%; left: 50%; transition: 0.2s ease-in-out; border-radius: 100%; -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); transform: translate(-50%, -50%); transform-origin: top left; background-image: url("../../../../../../../../../../hubfs/2019/video-overlay.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }

@media only screen and (max-width: 1200px) { .section-videos-grid.section-videos-grid-white .row-top .column:first-child p { font-size: 24px; } .section-videos-grid.section-videos-grid-white .row-top:after { height: 50%; left: 21%; } }

@media only screen and (max-width: 768px) { #trucks-intro.section-block-truck.section-block-truck-reverse .content-right { order: 1; } #trucks-intro.section-block-truck.section-block-truck-reverse .content-right:after { right: 0; } #trucks-intro.section-block-truck.section-block-truck-reverse .content-left { order: 2; } .section-videos-grid.section-videos-grid-white .row-top { flex-direction: column; } .section-videos-grid.section-videos-grid-white .row-top:before { width: 200vw; } .section-videos-grid.section-videos-grid-white .row-top:after { display: none; } .section-videos-grid.section-videos-grid-white .row-top .column:first-child { order: 1; } .section-videos-grid.section-videos-grid-white .row-top .column:first-child:after { width: 800px; } .section-videos-grid.section-videos-grid-white .row-top .column:first-child p { padding: 20px 0; } .section-videos-grid.section-videos-grid-white .row-top .column:first-child p:before { right: -100%; width: 800px; } .section-videos-grid.section-videos-grid-white .row-top .column:last-child { order: 2; padding-top: 30px; } .section-videos-grid.section-videos-grid-white .row-top .column:last-child .video:before { right: -200px; top: auto; bottom: -50px; } .section-videos-grid.section-videos-grid-white:before { height: 70%; top: 55%; } }

@media only screen and (max-width: 480px) { .section-videos-grid.section-videos-grid-white .row-top .column:first-child p { font-size: 20px; } }

/****************************************************************************************************************************************************************
*
* Blog Template
*
****************************************************************************************************************************************************************/
/****************************** Banner Featured Image Section ******************************/
.section-blog-featured-image .container { max-width: 1140px; margin: 0 auto 30px; padding: 0 30px; }

.section-blog-featured-image .image-brand-wrap { position: relative; padding: 10px; overflow: hidden; }

.section-blog-featured-image .image-brand-wrap:before { content: ''; width: 100%; height: 100%; position: absolute; left: 70%; bottom: 0; background: #ffc800; opacity: 0.8; transform: skew(-45deg); transform-origin: bottom; z-index: 1; }

@media only screen and (max-width: 550px) { .section-content-image .image-brand-wrap:after { bottom: 15px; right: 15px; width: 30px; height: 30px; } .section-content-image .image-brand-wrap:before { right: -275px; } }

/****************************** Blog Back ******************************/
.section-blog-back .container { max-width: 1140px; margin: 0 auto; padding: 0 30px; }

.section-blog-back .container a { text-decoration: none; color: #ababab; text-transform: uppercase; font-size: 14px; font-family: "Roboto", sans-serif; }

.blog-article > div { max-width: 810px; margin: 0 auto; float: none !important; padding: 30px 30px 15px 30px; }

.blog-article h1 { margin: 0 0 30px 0; }

.blog-article p { font-size: 17px; font-family: "Roboto", sans-serif; color: #222; }

.blog-article p a { font-size: 17px; font-family: "Roboto", sans-serif; color: #222; }

.blog-article p#hubspot-topic_data { position: absolute; bottom: 0; left: 0; z-index: 3; }

.section-blog-about { background: #f3f3f1; margin: 0 0 60px 0; }

.section-blog-about .container { max-width: 810px; margin: 0 auto; padding: 30px; }

.section-blog-about p { font-size: 17px; font-family: "Roboto", sans-serif; color: #222; }

.section-blog-about p strong { font-size: 24px; color: #222; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; }

.social-wrap { height: 50px; position: relative; margin: 70px 0 30px; }

.social-wrap:before { content: ''; width: 100%; height: 100%; background: #fff; z-index: 0; position: absolute; top: 0; left: 0; }

.social-wrap:after { content: ''; width: 100%; height: 2px; background: #ffc800; z-index: 0; position: absolute; top: 0; left: 0; }

.social-wrap .hs-blog-social-share { overflow: hidden; top: 0px; transition: 0.3s ease-in-out; z-index: -1; }

.social-wrap .hs-blog-social-share ul { margin: 0; padding: 0; }

.social-wrap .hs-blog-social-share ul li { margin: 0; padding: 0; }

.social-wrap .hs-blog-social-share ul li.hs-blog-social-share-item-twitter, .social-wrap .hs-blog-social-share ul li.hs-blog-social-share-item-google-plus { padding-top: 7px; }

.social-wrap.active .hs-blog-social-share { top: -40px; }

.social-wrap.active .social-button:after { transform: translateY(-50%) rotate(180deg); }

.social-wrap .social-button { background: #ffc800; position: absolute; top: 0; right: 0; padding: 5px 30px 5px 20px; cursor: pointer; z-index: 2; }

.social-wrap .social-button:before { content: ''; width: 10px; height: 2px; background: #222; position: absolute; top: 50%; right: 15px; transition: 0.2s ease-in-out; transform: translateY(-50%); }

.social-wrap .social-button:after { content: ''; width: 10px; height: 2px; background: #222; position: absolute; top: 50%; right: 15px; transition: 0.2s ease-in-out; transform: translateY(-50%) rotate(90deg); }

.social-wrap .social-button p { font-family: "Oswald", sans-serif; font-size: 17px; text-transform: uppercase; margin: 0; color: #222; }

.blog-pagination a { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.45); background-color: #717070; border-color: #717070; background-image: url(../../../../../../../../../../hubfs/2019/arrow-white.png); color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 500; display: inline-block; padding: 25px 50px 25px 50px; line-height: 1.0em; margin: 0; }

.blog-pagination a.all-posts-link { background-image: none; }

.blog-pagination a.previous-posts-link { padding: 25px 50px 25px 70px; background-image: url(../../../../../../../../../../hubfs/arrow-white-prev.png); background-position: left 25px center; }

.blog-pagination a.previous-posts-link:hover { background-position: left 20px center; }

.blog-pagination a.next-posts-link { padding: 25px 70px 25px 50px; background-position: right 25px center; }

.blog-pagination a.next-posts-link:hover { background-position: right 20px center; }

ul.hs-blog-social-share-list iframe { vertical-align: bottom; }

.blog-post-wrapper { max-width: 1140px; margin: 0 auto 30px; padding: 0 30px; }

.section-blogs-intro { margin: 30px auto 60px; }

.section-blogs-intro .container { display: flex; flex-direction: row; justify-content: center; align-items: center; max-width: 1040px; margin: 0 auto; }

.section-blogs-intro .image { flex: 50%; z-index: 2; background-size: cover; background-position: center; background-repeat: no-repeat; padding-left: 150px;}

.section-blogs-intro .image img { height: 250px;
width: 250px; padding: 0; margin: 0; max-width: none;  }

.section-blogs-intro .content { flex: 50%; z-index: 1; }

.section-blogs-intro .content .inner { padding: 40px; }

.section-blogs-intro .content .inner:before { content: ''; width: 3000px; height: 100%; position: absolute; top: 50%; left: -100%; border-top: 2px solid #bcbcbc; border-left: 3px solid #bcbcbc; border-bottom: 2px solid #bcbcbc; transform: skew(-45deg) translateY(-50%); transform-origin: top left; z-index: -1; }

.section-blogs-intro .content .inner:after { content: ''; width: 3000px; height: 140%; position: absolute; top: 10%; left: -90%; border-left: 6px solid #ffc800; transform: skew(-45deg) translateY(-50%); transform-origin: top left; z-index: -1; }

.section-blogs-intro .content hr { display: none; }

.section-blogs-intro .content p, .section-blogs-intro .content span, .section-blogs-intro .content strong h1, .section-blogs-intro .content h2, .section-blogs-intro .content h3, .section-blogs-intro .content h4, .section-blogs-intro .content h5, .section-blogs-intro .content h6 { font-size: 17px !important; font-family: "Roboto", sans-serif !important; color: #222 !important; text-align: left !important; line-height: 1.4em !important; margin: 0 !important; padding: 0 !important; }

.section-blogs-intro .content p:first-child { font-size: 20px; font-weight: "Roboto", sans-serif; font-weight: 400; color: #222; }

.section-blogs-intro .content p:first-child strong { font-size: 30px; font-weight: "Oswald", sans-serif; font-weight: 600; }

.section-blogs-intro .content a { font-size: 25px; display: block; position: absolute; width: auto; bottom: 0; left: 20%; transform: translateY(50%); }

@media only screen and (max-width: 768px) {.section-blogs-intro .image { flex: 50%; z-index: 2; background-size: cover; background-position: center; background-repeat: no-repeat; padding-left: 0px !important; } .section-blogs-intro .container { flex-direction: column; } .section-blogs-intro .content { flex: 50%; } .section-blogs-intro .content p { font-size: 16px; } .section-blogs-intro .content p strong { font-size: 20px; } .section-blogs-intro .content a { left: 50%; min-width: 180px; font-size: 20px; transform: translate(-50%, 50%); } }

.section-blogs-pagination .container { max-width: 1150px; margin: 0 auto; text-align: center; padding: 30px; }

body .section-blogs-grid { position: relative; margin: 30px auto; }

body .section-blogs-grid:before { content: ''; width: 100%; height: calc(100% - 130px); background: #f3f3f1; position: absolute; top: 40px; left: 0; }

body .section-blogs-grid .container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 1150px; margin: 0 auto; }

body .section-blogs-grid .blog-post { flex: 0 0 calc(33.33% - 10px); max-width: calc(33.33% - 10px); margin: 0 5px 30px; background: #fff; display: flex; flex-direction: column; justify-content: space-between; }

body .section-blogs-grid .blog-post .image { max-height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; }

body .section-blogs-grid .blog-post .image img { width: 100%; padding: 0; margin: 0; max-width: none; opacity: 0; }

body .section-blogs-grid .blog-post .content { padding: 30px 30px 60px 30px; position: relative; border-left: 3px solid #ffc800; border-bottom: 3px solid #ffc800; border-right: 3px solid #ffc800; flex: auto; overflow: hidden; max-height: 300px; }

body .section-blogs-grid .blog-post .content hr { display: none; }

body .section-blogs-grid .blog-post .content p, body .section-blogs-grid .blog-post .content span, body .section-blogs-grid .blog-post .content strong h1, body .section-blogs-grid .blog-post .content h2, body .section-blogs-grid .blog-post .content h3, body .section-blogs-grid .blog-post .content h4, body .section-blogs-grid .blog-post .content h5, body .section-blogs-grid .blog-post .content h6 { font-size: 17px !important; font-family: "Roboto", sans-serif !important; color: #222 !important; text-align: left !important; line-height: 1.4em !important; margin: 0 !important; padding: 0 !important; }

body .section-blogs-grid .blog-post .content img { width: auto; max-width: 100%; height: auto; }

body .section-blogs-grid .blog-post .content:after { content: ''; width: 100%; height: 50px; position: absolute; bottom: 58px; left: 0; z-index: 5; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

body .section-blogs-grid .blog-post .content p:first-child { font-size: 17px; font-weight: 400; font-family: "Roboto", sans-serif; color: #222; }

body .section-blogs-grid .blog-post .content p:first-child strong { font-size: 24px; font-weight: 500; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #222; }

body .section-blogs-grid .blog-post .content a.readmore { border-bottom: 0; border-left: 0; border-right: 0; background-color: #fff; position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; display: block; padding: 15px 90px 15px 0px; text-align: center; border-top: 3px solid #ffc800; text-decoration: none; color: #000; text-transform: uppercase; font-size: 25px; background-position: right 30px center; }

body .section-blogs-grid .blog-post .content a.readmore:after { content: ''; width: 4px; background: #ffc800; height: 100%; position: absolute; top: 0; right: 90px; }

@media only screen and (max-width: 768px) { .section-blogs-grid .blog-post { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); } }

@media only screen and (max-width: 700px) { .blog-section .section.post-body table tr td { display: inline-block; width: 100%; } .blog-section .section.post-body table tr td img { margin: 0 auto; display: block; } }

@media only screen and (max-width: 550px) { .section-blogs-grid .container { flex-direction: column; padding: 0 30px; } .section-blogs-grid .container .blog-post { margin: 0 0 30px 0; } }

.fast-track #fe-submenu ul { width: 100%; text-align: right; }

.fast-track #cev-intro .container { max-width: 1205px; padding-right: 0; }

.fast-track #cev-intro .container .content-left { padding-right: 0; }

.fast-track #cev-intro .container .content-left img { width: 100%; }

.fast-track #cev-intro .container .content-right h4 { max-width: 100%; }

@media (max-width: 768px) { .fast-track #cev-intro .container { padding-right: 30px; } .fast-track #cev-intro .container .content-left img { width: 160%; } }

.fast-track #defense-solute { padding-top: 0; background-color: #f3f3f2; }

.fast-track #defense-solute .container { flex-direction: row-reverse; padding-left: 0; padding: 40px 30px 75px 30px; margin-bottom: 0; }

.fast-track #defense-solute .container .content-left { padding: 80px 40px 80px 0px; margin-right: 80px; background-image: url("../../../../../../../../../../hubfs/2020/fast-track/grey-rec.png"); background-repeat: no-repeat; background-position: top right; background-size: contain; }

.fast-track #defense-solute .container .content-left:before { left: -95%; z-index: -1; top: 38px; width: 148%; height: 65%; }

@media (min-width: 769px) { .fast-track #defense-solute .container .content-right { padding-top: 30px; } }

.fast-track #defense-solute .container .content-right h4:before { left: -30%; width: 300%; }

@media (max-width: 1040px) { .fast-track #defense-solute .container { flex-direction: column; } .fast-track #defense-solute .content-left, .fast-track #defense-solute .content-right { width: 100%; flex: 100%; } .fast-track #defense-solute .content-right { padding-top: 50px; order: 2; } .fast-track #defense-solute .content-left { order: 1; } }

@media (max-width: 850px) { .fast-track #defense-solute .content-left { padding-bottom: 0 !important; padding-left: 0 !important; } }

.fast-track .section-hotspots-grid4 { background: #fff; }

.fast-track .section-hotspots-grid4 .container-bottom .number[data-number="1"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image1-BW.jpg"); }

.fast-track .section-hotspots-grid4 .container-bottom .number.active[data-number="1"]:before, .fast-track .section-hotspots-grid4 .container-bottom .number[data-number="1"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image1.jpg"); }

.fast-track .section-hotspots-grid4 .container-bottom .number[data-number="2"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image2-BW.jpg"); }

.fast-track .section-hotspots-grid4 .container-bottom .number.active[data-number="2"]:before, .fast-track .section-hotspots-grid4 .container-bottom .number[data-number="2"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image2.jpg"); }

.fast-track .section-hotspots-grid4 .container-bottom .number[data-number="3"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image3-BW.jpg"); }

.fast-track .section-hotspots-grid4 .container-bottom .number.active[data-number="3"]:before, .fast-track .section-hotspots-grid4 .container-bottom .number[data-number="3"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image3.jpg"); }

.fast-track .section-hotspots-grid4 .container-bottom .number[data-number="4"]:before { content: ''; background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image4-BW.jpg"); }

.fast-track .section-hotspots-grid4 .container-bottom .number.active[data-number="4"]:before, .fast-track .section-hotspots-grid4 .container-bottom .number[data-number="4"]:hover:before { background-image: url("../../../../../../../../../../hubfs/2020/fast-track/P-MBWM-3-FastTrack-Image4.jpg"); }

.fast-track form select { width: 100%; margin: 0 0 10px; padding: 15px; font-family: "Roboto", sans-serif; font-style: italic; font-size: 16px; box-sizing: border-box; -webkit-appearance: none; border-radius: 0px; background-image: url("../../../../../../../../../../hubfs/2019/select-arrow.png"); background-repeat: no-repeat; background-color: #fff; background-position: right 20px center; background-size: auto 30%; }

.fast-track .tabbed-content { background-color: #f3f3f2; padding-top: 50px; }

.fast-track .tabbed-content .container { max-width: 1250px; width: 100%; margin: 0 auto; text-align: center; padding: 0 30px; }

.fast-track .tabbed-content .container > * { text-align: left; }

.fast-track .tabbed-content .container:before { content: ''; width: 3000px; height: 50%; position: absolute; right: -150px; top: 32px; border-top: 4px solid #d7d7d7; border-right: 6px solid #d7d7d7; transform: skew(-45deg); transform-origin: top; z-index: -1; }

.fast-track .tabbed-content .container h4 { background: #f3f3f2; padding: 10px 30px; text-align: center; display: inline-block; margin: 0 auto 15px; }

.fast-track .tabbed-content .container .column-wrapper { display: flex; flex-direction: row; justify-content: space-between; margin: 50px 0 0; padding-bottom: 30px; }

.fast-track .tabbed-content .container .column-wrapper .column { max-width: 48%; width: 100%; }

.fast-track .tabbed-content .container .column-wrapper .column:first-of-type { min-height: 400px; }

.fast-track .tabbed-content .container .column-wrapper .column .number-content { position: absolute; top: 0; opacity: 0; }

.fast-track .tabbed-content .container .column-wrapper .column .number-content.active { opacity: 1; }

.fast-track .tabbed-content .container .column-wrapper .column .number-content ul li { font-size: 17px; color: 222222; }

.fast-track .tabbed-content .container .column-wrapper .column .image-wrap { overflow: hidden; padding: 0px 20px 20px 0; }

.fast-track .tabbed-content .container .column-wrapper .column .image-wrap img { width: 100%; }

.fast-track .tabbed-content .container .column-wrapper .column .image-wrap:before { content: ''; width: 375px; height: 375px; position: absolute; right: -100px; bottom: 0; background: #ffc800; transform: skew(-45deg); transform-origin: bottom; z-index: -1; }

@media (max-width: 900px) { .fast-track .tabbed-content .container .column-wrapper { flex-direction: column; margin-top: 30px; } .fast-track .tabbed-content .container .column-wrapper .column { max-width: 100%; margin-bottom: 30px; } }

.fast-track #submenu { background: #000; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding: 15px 75px; overflow: hidden; }

.fast-track #submenu:before, .fast-track #submenu:after { content: ''; width: 75px; height: 100%; position: absolute; top: 0; background: #f3f3f2; transform-origin: bottom; transform: skew(-45deg); }

@media (max-width: 900px) { .fast-track #submenu:before, .fast-track #submenu:after { content: none; } }

.fast-track #submenu:before { left: -75px; }

.fast-track #submenu:after { right: 0; }

.fast-track #submenu .number { color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 10px 5px 10px; margin-bottom: 5px; display: block; border-bottom: 5px solid #000; font-weight: 400; font-size: 18px; font-family: "Oswald", sans-serif; }

.fast-track #submenu .number:hover, .fast-track #submenu .number.active { border-bottom: 5px solid #ffcc00; transform: scale(1.1); }

.fast-track .section-team-contact { margin-top: 0; }

/****************************** Intro Content ******************************/
.section-block-truck .container { display: flex; flex-direction: row; align-content: flex-start; max-width: 1180px; margin: 0 auto 60px; padding: 60px 30px 30px 30px; }

.section-block-truck.section-block-truck-reverse .content-left { order: 2; padding-right: 50px; }

.section-block-truck.section-block-truck-reverse .content-left img { right: auto; left: 50px; }

.section-block-truck.section-block-truck-reverse .content-right { order: 1; padding-left: 0; }

.section-block-truck.section-block-truck-reverse .content-right h4:before { left: auto; right: -200px; }

.section-block-truck .content-left { flex: 50%; position: relative; z-index: 2; padding-right: 0; }

.section-block-truck .content-left img { position: absolute; top: 0; right: 0; min-width: 500px; width: 100%; }

.section-block-truck .content-right { flex: 50%; position: relative; z-index: 1; padding-left: 50px; min-height: 25em; }

.section-block-truck .content-right h4 { position: relative; padding-bottom: 30px; margin: 0 0 30px; }

.section-block-truck .content-right h4:before { content: ''; position: absolute; bottom: 0; left: -200px; width: 3000px; height: 3px; background: #ffc800; z-index: -1; }

.section-block-truck .content-right p { color: #222; }

.section-block-truck .content-right p a.yellow-button, .section-block-truck .content-right p #intro-content.section-content a, #intro-content.section-content .section-block-truck .content-right p a, .section-block-truck .content-right p #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .section-block-truck .content-right p a, .section-block-truck .content-right .section-positions p a, .section-positions .section-block-truck .content-right p a, .section-block-truck .content-right p #custom-cabs .content-bottom a, #custom-cabs .content-bottom .section-block-truck .content-right p a, .section-block-truck .content-right p .section-cev-callouts a, .section-cev-callouts .section-block-truck .content-right p a, .section-block-truck .content-right p .section-certifications .content a, .section-certifications .content .section-block-truck .content-right p a, .section-block-truck .content-right p #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .section-block-truck .content-right p a, .section-block-truck .content-right p .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .section-block-truck .content-right p a, .section-block-truck .content-right p .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .section-block-truck .content-right p a, .section-block-truck .content-right p .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .section-block-truck .content-right p a, #find-a-dealer.section-block-truck .content-right p a, .section-block-truck .content-right p .blog-pagination a, .blog-pagination .section-block-truck .content-right p a, .section-block-truck .content-right p .section-blogs-intro .content a, .section-blogs-intro .content .section-block-truck .content-right p a, .section-block-truck .content-right p body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .section-block-truck .content-right p a.readmore { margin: 30px auto; }

.section-block-truck .content-right p a { color: #222; font-weight: 600; }

@media only screen and (max-width: 768px) { .section-block-truck .container, .section-block-truck.section-block-truck-reverse .container { flex-direction: column; } .section-block-truck .content-left, .section-block-truck.section-block-truck-reverse .content-left { padding: 0 30px 30px; order: 1; } .section-block-truck .content-left img, .section-block-truck.section-block-truck-reverse .content-left img { position: relative; top: auto; right: auto; left: auto; min-width: 0; } .section-block-truck .content-right, .section-block-truck.section-block-truck-reverse .content-right { min-height: 0; order: 2; } }

/****************************** Intro Content ******************************/
.section-drivers-seat .container { display: flex; flex-direction: row; max-width: 1180px; margin: 0 auto; }

.section-drivers-seat .content-left { flex: 55%; padding: 0 30px; }

.section-drivers-seat .content-left a.yellow-button, .section-drivers-seat .content-left #intro-content.section-content a, #intro-content.section-content .section-drivers-seat .content-left a, .section-drivers-seat .content-left #find-dealer.section-banner-lines a, #find-dealer.section-banner-lines .section-drivers-seat .content-left a, .section-drivers-seat .content-left .section-positions p a, .section-positions p .section-drivers-seat .content-left a, .section-drivers-seat .content-left #custom-cabs .content-bottom a, #custom-cabs .content-bottom .section-drivers-seat .content-left a, .section-drivers-seat .content-left .section-cev-callouts a, .section-cev-callouts .section-drivers-seat .content-left a, .section-drivers-seat .content-left .section-certifications .content a, .section-certifications .content .section-drivers-seat .content-left a, .section-drivers-seat .content-left #defense-supplier.section-banner-lines a, #defense-supplier.section-banner-lines .section-drivers-seat .content-left a, .section-drivers-seat .content-left .section-abr .item-wrap .item-contact a, .section-abr .item-wrap .item-contact .section-drivers-seat .content-left a, .section-drivers-seat .content-left .section-commercial-truck-grid .item-wrap .text a, .section-commercial-truck-grid .item-wrap .text .section-drivers-seat .content-left a, .section-drivers-seat .content-left .section-commercial-truck-grid .item-wrap .item-contact a, .section-commercial-truck-grid .item-wrap .item-contact .section-drivers-seat .content-left a, .section-drivers-seat .content-left #find-a-dealer.section-block-truck .content-right a, #find-a-dealer.section-block-truck .content-right .section-drivers-seat .content-left a, .section-drivers-seat .content-left .blog-pagination a, .blog-pagination .section-drivers-seat .content-left a, .section-drivers-seat .content-left .section-blogs-intro .content a, .section-blogs-intro .content .section-drivers-seat .content-left a, .section-drivers-seat .content-left body .section-blogs-grid .blog-post .content a.readmore, body .section-blogs-grid .blog-post .content .section-drivers-seat .content-left a.readmore { font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 30px; border: 4px solid #ffc800; color: #222; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 15px 65px 15px 30px; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: #ffc800; background-position: right 20px center; }

.section-drivers-seat .content-left a.yellow-button:hover, .section-drivers-seat .content-left #intro-content.section-content a:hover, #intro-content.section-content .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left #find-dealer.section-banner-lines a:hover, #find-dealer.section-banner-lines .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .section-positions p a:hover, .section-positions p .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left #custom-cabs .content-bottom a:hover, #custom-cabs .content-bottom .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .section-cev-callouts a:hover, .section-cev-callouts .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .section-certifications .content a:hover, .section-certifications .content .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left #defense-supplier.section-banner-lines a:hover, #defense-supplier.section-banner-lines .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .section-abr .item-wrap .item-contact a:hover, .section-abr .item-wrap .item-contact .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .section-commercial-truck-grid .item-wrap .text a:hover, .section-commercial-truck-grid .item-wrap .text .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .section-commercial-truck-grid .item-wrap .item-contact a:hover, .section-commercial-truck-grid .item-wrap .item-contact .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left #find-a-dealer.section-block-truck .content-right a:hover, #find-a-dealer.section-block-truck .content-right .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .blog-pagination a:hover, .blog-pagination .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left .section-blogs-intro .content a:hover, .section-blogs-intro .content .section-drivers-seat .content-left a:hover, .section-drivers-seat .content-left body .section-blogs-grid .blog-post .content a.readmore:hover, body .section-blogs-grid .blog-post .content .section-drivers-seat .content-left a.readmore:hover { background-position: right 15px center; }

.section-drivers-seat .content-right { flex: 45%; }

.section-drivers-seat .content-right .inner { position: relative; height: 100%; }

.section-drivers-seat .content-right .inner img { width: 100%; min-width: 700px; max-width: none; position: absolute; left: -100px; top: 30px; }

.section-drivers-seat .content-right .inner:before { content: ''; width: 100vw; height: 150%; position: absolute; left: calc(105% - 40px); top: -20px; border-left: 2px solid #bcbcbc; border-bottom: 2px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; z-index: -1; }

.section-drivers-seat .content-right .inner:after { content: ''; width: 100vw; height: 110%; position: absolute; left: 105%; top: -30px; border-left: 8px solid #bcbcbc; transform: skew(-45deg); transform-origin: top; z-index: -1; }

@media only screen and (max-width: 768px) { .section-drivers-seat .container { flex-direction: column; } .section-drivers-seat .content-right .inner:before { height: 130%; } .section-drivers-seat .content-right .inner:after { height: 105%; } .section-drivers-seat .content-right .inner img { position: relative; } }

/****************************** Content Image ******************************/
.section-content-image .container { max-width: 970px; margin: 0 auto 30px; padding: 0 30px; }

.section-content-image .image-brand-wrap { position: relative; padding: 10px; overflow: hidden; }

.section-content-image .image-brand-wrap img { max-width: none; width: 100%; height: auto; }

.section-content-image .image-brand-wrap:after { content: ''; width: 44px; height: 43px; position: absolute; bottom: 35px; right: 35px; z-index: 2; background-image: url("../../../../../../../../../../hubfs/2019/logo-marion-gray.jpg"); background-size: contain; background-position: bottom right; background-repeat: no-repeat; }

.section-content-image .image-brand-wrap:before { content: ''; width: 375px; height: 375px; position: absolute; right: -200px; bottom: 0; background: #ffc800; opacity: 0.8; transform: skew(-45deg); transform-origin: bottom; z-index: 1; }

@media only screen and (max-width: 550px) { .section-content-image .image-brand-wrap:after { bottom: 15px; right: 15px; width: 30px; height: 30px; } .section-content-image .image-brand-wrap:before { right: -275px; } }

/****************************** Section Two Columns ******************************/
.section-content.section-content-columns h4 { margin: 0 0 30px 0; padding: 0 0 20px 0; }

.section-content.section-content-columns p { color: #222222 !important; font-size: 17px; font-family: "Roboto", sans-serif; }

.section-content.section-content-columns ul { margin: 0 0 15px 0; padding: 0 0 0 40px; }

.section-content.section-content-columns ul li { color: #222222; font-size: 17px; font-family: "Roboto", sans-serif; }

.section-content.section-content-columns ul li strong { color: #222222; }

.section-content.section-content-columns:first-child { margin: 0 auto !important; }

.section-content.section-content-columns:last-child { margin: 45px auto 0 0; }

@media only screen and (max-width: 768px) { .section-content.section-content-columns ul { margin: 0; } .section-content.section-content-columns .half-wrap .left-half, .section-content.section-content-columns .half-wrap .right-half { padding: 0; } }

/****************************** Picture Showcase ******************************/
.section-photogallery { padding: 30px 30px 30px; }

.section-photogallery .inner { background-size: cover; background-position: center; background-repeat: no-repeat; }

.section-photogallery .slick-slide img { opacity: 0 !important; height: 200px; }

.section-photogallery .slick-slide.slick-center { box-shadow: 0 0 15px black; }

.section-picture-showcase { padding: 30px 30px 60px; }

.section-photogallery .container, .section-picture-showcase .container { padding: 0 30px; max-width: 1140px; margin: 0 auto; }

.section-photogallery .picture-gallery-wrap, .section-picture-showcase .picture-gallery-wrap { padding: 0 50px; }

.section-photogallery .slick-list, .section-picture-showcase .slick-list { padding: 0 !important; }

.section-photogallery h4, .section-picture-showcase h4 { border-bottom: none; margin: 0; padding: 20px 0; text-align: center; }

.section-photogallery button.slick-prev, .section-picture-showcase button.slick-prev { left: -50px; }

.section-photogallery button.slick-next, .section-picture-showcase button.slick-next { right: -50px; }

.section-photogallery .gallery-picture, .section-picture-showcase .gallery-picture { position: relative; padding: 0 10px 30px; }

.section-photogallery .gallery-picture img, .section-picture-showcase .gallery-picture img { padding: 0 0 10px 0; }

.section-photogallery .gallery-picture p, .section-picture-showcase .gallery-picture p { margin: 0; padding: 0; line-height: 1.2em; font-size: 17px; font-weight: bold; font-family: "Roboto", sans-serif; }

.section-photogallery .gallery-picture a, .section-picture-showcase .gallery-picture a { text-decoration: none; }

.section-photogallery .inner, .section-picture-showcase .inner { width: 100%; height: 100%; position: relative; display: block !important; }

.section-photogallery .link, .section-picture-showcase .link { position: absolute; bottom: -7%; left: -20px; transform: scale(0.5); font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 23px; border: 4px solid #ffc800; color: #222; font-style: normal; text-decoration: none; line-height: 1.0em; padding: 15px 65px 15px 30px; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: #ffc800; background-position: right 20px center; opacity: 0; transition: 0.2s ease-in-out; transition-delay: 0s; transform-origin: left; min-width: 400px; }

.section-photogallery .link:hover, .section-picture-showcase .link:hover { background-position: right 15px center; }

.section-photogallery .slick-slide.slick-center, .section-picture-showcase .slick-slide.slick-center { transform: scale(2); z-index: 50; }

.section-photogallery .slick-slide.slick-center .link, .section-picture-showcase .slick-slide.slick-center .link { opacity: 1.0; transition-delay: 0.5s; }

.section-photogallery .slick-slide, .section-photogallery .slick-slide[aria-hidden="true"], .section-picture-showcase .slick-slide, .section-picture-showcase .slick-slide[aria-hidden="true"] { transform: scale(1.75); transition-delay: 0.3s; transition: 0.5s ease-in-out; transform-origin: center; }

.section-photogallery .slick-slide, .section-picture-showcase .slick-slide { z-index: 40; }

.section-photogallery .slick-slide[aria-hidden="true"], .section-picture-showcase .slick-slide[aria-hidden="true"] { z-index: 30; }

.section-photogallery .slick-list, .section-picture-showcase .slick-list { padding: 160px 0 140px !important; }

@media only screen and (max-width: 550px) { .section-picture-showcase .slick-list { padding: 30px 0 !important; } .section-picture-showcase .slick-active.slick-center, .section-picture-showcase .slick-slide[aria-hidden="true"], .section-picture-showcase .slick-slide { transform: scale(1); } .section-photogallery .slick-slide[aria-hidden="true"], .section-picture-showcase .slick-slide[aria-hidden="true"], .section-photogallery .slick-slide, .section-picture-showcase .slick-slide { transform: scale(1); } .section-photogallery .slick-list, .section-picture-showcase .slick-list { padding: 0px !important; } }

/****************************** TRUCK CATEGORY LINKS ******************************/
body .swiper-trucks-category { padding: 30px 0 60px; }

body .swiper-trucks-category h4 { border-bottom: none; margin: 0; padding: 20px 0; text-align: center; font-size: 35px; font-family: "Oswald", sans-serif; font-weight: 600; text-transform: uppercase; color: #222; position: relative; }

body .swiper-trucks-category .inner { width: 100%; height: 100%; position: relative; display: block !important; padding: 0 50px; }

body .swiper-trucks-category .inner .link { position: absolute; bottom: -7%; left: -20px; transform: scale(0.75); font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 23px; color: #222; font-style: normal; text-decoration: none; line-height: 1.0em; padding: 20px 65px 20px 30px; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: #ffc800; background-position: right 20px center; opacity: 0; display: none; transition: 0.2s ease-in-out; transition-delay: 0s; transform-origin: left; min-width: 400px; }

body .swiper-trucks-category .inner .link:hover { background-position: right 15px center; }

body .swiper-trucks-category .inner .link img { opacity: 0; }

/****************************** TRUCK RECENT DELIVERIES ******************************/
body .swiper-recent-deliveries { padding: 30px 0 0px; }

body .swiper-recent-deliveries.disabled .swiper-button-next, body .swiper-recent-deliveries.disabled .swiper-button-prev { display: none; }

body .swiper-recent-deliveries .inner { position: relative; padding: 0 50px; }

body .swiper-recent-deliveries h4 { border-bottom: 2px solid #ffc800; margin: 0 0 40px 0; padding: 0 0 20px 0; }

body .swiper-recent-deliveries .swiper-slide { position: relative; padding: 0 10px 30px; flex: 0 0 33.33%; }

body .swiper-recent-deliveries .swiper-slide img { padding: 0 0 10px 0; opacity: 1; min-height: 0px; }

body .swiper-recent-deliveries .swiper-slide p { margin: 0; padding: 0; line-height: 1.2em; font-size: 17px; font-weight: bold; font-family: "Roboto", sans-serif; }

body .swiper-recent-deliveries .swiper-slide a { text-decoration: none; }

@media only screen and (max-width: 768px) { body .swiper-recent-deliveries .swiper-slide { padding: 0 10px 30px; flex: 0 0 50%; } }

@media only screen and (max-width: 550px) { body .swiper-recent-deliveries .swiper-slide { padding: 0 10px 30px; flex: 0 0 100%; } }

body .swiper-truck-gallery .inner { position: relative; padding: 0 50px; }

body .swiper-trucks-category, body .swiper-recent-deliveries, body .swiper-truck-gallery { max-width: 1000px; width: 100%; margin: 0 auto; }

body .swiper-container { width: 100%; max-width: 1200px; height: auto; padding: 0; }

body .swiper-slide { background-size: cover; background-repeat: none; background-position: center; }

body .swiper-slide .inner { padding: 0; }

body .swiper-slide img { width: 100%; height: auto; display: block; opacity: 0; height: 400px; }

body .swiper-slide .slidewrap { background-size: cover; }

body .swiper-slide .slidewrap img { height: 200px; opacity: 0; }

body .swiper-trucks-category, body .swiper-truck-gallery { padding: 0; }

body .swiper-trucks-category .swiper-container, body .swiper-truck-gallery .swiper-container { padding: 100px 0; }

body .swiper-trucks-category .swiper-slide.swiper-slide-active, body .swiper-truck-gallery .swiper-slide.swiper-slide-active { box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); transform: scale(1.2) !important; }

body .swiper-trucks-category .swiper-slide.swiper-slide-active .link, body .swiper-truck-gallery .swiper-slide.swiper-slide-active .link { opacity: 1; transition-delay: 0; display: block; }

body .swiper-button-prev { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: 0px 0px !important; background-repeat: no-repeat; background-size: auto; width: 32px; height: 62px; top: 50%; left: 0px; transform: translateY(-50%); outline: none; }

body .swiper-button-prev:hover { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: 0 -70px !important; }

body .swiper-button-next { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: -42px 0px !important; background-repeat: no-repeat; background-size: auto; width: 32px; height: 62px; right: 0px; top: 50%; transform: translateY(-50%); outline: none; }

body .swiper-button-next:hover { background-image: url("../../../../../../../../../../hubfs/2019/skin-custom.png"); background-position: -42px -70px !important; }

@media only screen and (max-width: 768px) { body .swiper-trucks-category .inner .link { transform: scale(0.6) translateX(-50%); left: 50%; } body .swiper-slide img { height: 300px; } body .swiper-trucks-category .swiper-slide.swiper-slide-active, body .swiper-truck-gallery .swiper-slide.swiper-slide-active { transform: scale(0.9) !important; } }

/****************************** CUSTOM CAB CAMPAIGN LANDING PAGE ******************************/
.custom-cab-menu #wrapper-sub-menu-page-nav .sub-menu-page-nav ul li { pointer-events: none; }

.custom-cab-video .section-video { padding: 80px 0; }

.custom-cab-video .section-video .video:after { background: #ffcc00; }

.custom-cab-video .section-video .container:before { top: 25px; }

.custom-cab-video .section-video h4 { background: #fff; padding: 10px 30px; text-align: center; display: inline-block; margin: 0 auto; text-align: center; font-size: 35px; line-height: 1em; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #222; font-weight: 500; position: relative; font-style: normal; }

.custom-cab-video .section-video p { font-weight: 400; font-size: 18px; }

.custom-cab-intro #intro-content-wrapper { position: relative; background: rgba(0, 0, 0, 0.8); max-width: 100%; width: 100%; }

.custom-cab-intro #intro-content-wrapper .intro-content { max-width: 798px; width: 100%; margin: 0 auto; padding: 30px 20px 0; }

.custom-cab-intro #intro-content-wrapper p { font-size: 16px; text-align: center; color: white; line-height: 2em; font-weight: 400; }

.custom-cab-intro #intro-content-wrapper h4 { text-align: center; font-size: 28px; line-height: 1em; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #ffcc00; position: relative; font-style: normal; margin: 20px auto 30px; }

.dark-background { background-image: url("../../../../../../../../../../hubfs/2020/01/gray-background.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.custom-cab-gallery .swiper-truck-gallery .title-color { display: inline-block; width: 100%; padding: 20px 30px 0 0; margin: 15px 0 0 0; }

.custom-cab-gallery .swiper-truck-gallery .title-color p { color: #fff; margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; position: relative; height: auto; padding-bottom: 20px; }

.custom-cab-gallery .swiper-truck-gallery .swiper-container { border-top: 2px solid #ffc800; }

.custom-cab-gallery .swiper-truck-gallery .swiper-container .swiper-slide img { height: 300px; }

.custom-cab-gallery .swiper-truck-gallery .swiper-button-next, .custom-cab-gallery .swiper-truck-gallery .swiper-button-prev { top: 60%; }

.custom-cab-gallery .swiper-truck-gallery .swiper-button-next { right: 5px; }

.custom-cab-gallery .swiper-truck-gallery .swiper-button-prev { left: 5px; }

.custom-cab-contact .section-cab-contact { padding: 0; margin: 30px 0 0 0; position: relative; }

.custom-cab-contact .section-cab-contact:before { content: none; }

.custom-cab-contact .section-cab-contact .container { max-width: 950px; margin: 0 auto; }

.custom-cab-contact .section-cab-contact .inner { padding: 0 30px; }

.custom-cab-contact .section-cab-contact .inner p { color: #fff; font-size: 17px; font-family: "Roboto", sans-serif; margin: 10px 0 20px; padding-bottom: 20px; border-bottom: 2px solid #ffc800; }

.custom-cab-contact .section-cab-contact .title-color { display: inline-block; width: auto; padding: 20px 30px 0 30px; margin: 15px 0 0 0; }

.custom-cab-contact .section-cab-contact .title-color:before { content: none; }

.custom-cab-contact .section-cab-contact .title-color p { color: #fff; margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.0em; position: relative; height: auto; }

.custom-cab-contact .section-cab-contact form { padding: 0 0 30px 0; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }

.custom-cab-contact .section-cab-contact form .hs-form-required { display: none !important; }

.custom-cab-contact .section-cab-contact form .hs_error_rollup { display: none !important; }

.custom-cab-contact .section-cab-contact form > div { max-width: 100%; }

.custom-cab-contact .section-cab-contact form textarea, .custom-cab-contact .section-cab-contact form input { width: 100%; margin: 0 0 10px; padding: 15px; font-family: "Roboto", sans-serif; font-style: italic; font-size: 16px; box-sizing: border-box; }

.custom-cab-contact .section-cab-contact form textarea::-webkit-input-placeholder, .custom-cab-contact .section-cab-contact form input::-webkit-input-placeholder { color: #000; }

.custom-cab-contact .section-cab-contact form textarea::-moz-placeholder, .custom-cab-contact .section-cab-contact form input::-moz-placeholder { color: #000; }

.custom-cab-contact .section-cab-contact form textarea:-ms-input-placeholder, .custom-cab-contact .section-cab-contact form input:-ms-input-placeholder { color: #000; }

.custom-cab-contact .section-cab-contact form textarea::-ms-input-placeholder, .custom-cab-contact .section-cab-contact form input::-ms-input-placeholder { color: #000; }

.custom-cab-contact .section-cab-contact form textarea::placeholder, .custom-cab-contact .section-cab-contact form input::placeholder { color: #000; }

.custom-cab-contact .section-cab-contact form ul { margin: 0; padding: 0; }

.custom-cab-contact .section-cab-contact form ul li { list-style: none; margin: 0; padding: 0; }

.custom-cab-contact .section-cab-contact form .hs_submit { margin-top: 0; }

.custom-cab-contact .section-cab-contact form .hs_checkbox label input { width: 25px; display: inline-block; height: 18px; margin: 0px 0 5px 0; }

.custom-cab-contact .section-cab-contact form .hs_checkbox label span { color: #fff; font-size: 17px; font-family: "Roboto", sans-serif; padding-left: 5px; }

.custom-cab-contact .section-cab-contact form input[type="submit"] { margin-bottom: 0; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 26px; border: 4px solid #ffc800; color: #222; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 9px 100px 9px 70px; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: #ffc800; background-position: right 60px center; background-size: auto 40%; width: auto; transition: 0.2s ease-in-out; }

.custom-cab-contact .section-cab-contact form input[type="submit"]:hover { background-position: right 55px center; }

@media (min-width: 583px) { .custom-cab-contact .section-cab-contact form { flex-direction: row; } .custom-cab-contact .section-cab-contact form > div { max-width: 49%; width: 100%; } }

@media (min-width: 1080px) { .custom-cab-menu #wrapper-sub-menu-page-nav:before { content: " "; width: 10%; background-color: white; height: 77px; display: inline-block; position: absolute; transform: skew(-45deg); left: -40px; } .custom-cab-menu #wrapper-sub-menu-page-nav:after { content: " "; width: 10%; background-color: white; height: 77px; display: inline-block; position: absolute; transform: skew(-45deg); right: -40px; top: 0; } }

@media (min-width: 1080px) { .custom-cab-intro #intro-content-wrapper { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.6); } .custom-cab-intro #intro-content-wrapper .intro-content p { font-size: 18px; } .custom-cab-intro #intro-content-wrapper .intro-content h4 { font-size: 35px; } }

@media (max-width: 767px) { .custom-cab-intro #banner { background-position-y: 60px; } }

@media (min-width: 767px) { .custom-cab-content #customcab-intro.section-block-truck { margin-bottom: 160px; } }

.lightgray-background { background-color: #f3f3f1; padding: 50px 0; }

.lightgray-background .skewed-images { display: flex; }

.lightgray-background .skewed-images:first-of-type { margin-top: 30px; }

.lightgray-background .skewed-images:first-of-type .image-wrap:before { background-image: url("../../../../../../../../../../hubfs/fire3.png"); }

.lightgray-background .skewed-images:nth-of-type(2) .image-wrap:before { background-image: url("../../../../../../../../../../hubfs/Agricultutre.png"); }

.lightgray-background .skewed-images:nth-of-type(3) .image-wrap:before { background-image: url("../../../../../../../../../../hubfs/construction.jpg"); }

.lightgray-background .skewed-images:nth-of-type(4) .image-wrap:before { background-image: url("../../../../../../../../../../hubfs/lets see.png"); }

.lightgray-background .skewed-images:nth-of-type(5) .image-wrap:before { background-image: url("../../../../../../../../../../hubfs/specialty3.png"); }

.lightgray-background .skewed-images .image-wrap { width: 256px; margin: 0 1%; height: 460px; transform: skew(-45deg) translateZ(0); transition: 0.2s ease-in-out; overflow: hidden; position: relative; box-shadow: 5px 5px 13px 0 rgba(0, 0, 0, 0.23); left: 0; z-index: 5; }

@media (min-width: 1600px) { .lightgray-background .skewed-images .image-wrap { left: 126px; } }

.lightgray-background .skewed-images .image-wrap:before { content: ""; background-position: center; background-size: cover; background-repeat: no-repeat; min-width: 640px; width: 100%; height: 100%; position: absolute; top: 0; left: -152px; z-index: -1; transform: skew(45deg); }

.lightgray-background .skewed-images .image-wrap img { visibility: hidden; }

.lightgray-background .skewed-images .container { width: 100%; margin-top: 220px; }

.lightgray-background .skewed-images .container h4 { padding: 0 0 10px 0; margin: 0 0 20px 0; }

.lightgray-background .skewed-images .container h4:before { content: ''; position: absolute; bottom: -2px; left: -50%; width: 620px; height: 2px; background: #ffc800; z-index: 0; }

@media (max-width: 2250px) { .lightgray-background .skewed-images .container { max-width: calc(1024px - 256px); } .lightgray-background .skewed-images .container h4:before { left: -62%; } }

@media (min-width: 2250px) { .lightgray-background .skewed-images .container h4:before { left: -32%; } }

@media (max-width: 1750px) { .lightgray-background .skewed-images .container h4:before { left: -46%; } }

@media (min-width: 2250px) { .lightgray-background .skewed-images { height: 460px; } .lightgray-background .skewed-images .image-wrap { position: absolute; } }

@media (min-width: 1330px) { .lightgray-background .skewed-images { margin-top: -160px; } .lightgray-background .skewed-images .container { margin-top: 90px; } }

.custom-cab-slider .link { pointer-events: none; }

.custom-cab-slider .swiper-container .swiper-slide img { height: 300px; }

body .custom-cab-slider .inner .link { pointer-events: none; background-image: none; }

.qr-code-template #banner { min-height: 400px; }

.qr-code-template #banner h1 { color: black; text-shadow: none; }

.qr-code-template .section-content { padding: 60px 0; }

.qr-code-template .section-content .half-wrap .left-half img { margin: 0 auto; }

.qr-code-template .section-content .half-wrap .right-half { display: flex; align-self: center; }

.qr-code-template .section-team-contact { padding: 30px 0 0; margin: 30px 0 0 0; position: relative; }

.qr-code-template .section-team-contact form { padding: 0 0 30px 0; box-sizing: border-box; }

.qr-code-template .section-team-contact form .hs-form-required { display: none !important; }

.qr-code-template .section-team-contact form .hs_error_rollup { display: none !important; }

.qr-code-template .section-team-contact form > div { max-width: 100%; }

.qr-code-template .section-team-contact form textarea, .qr-code-template .section-team-contact form input { width: 100%; margin: 0 0 10px; padding: 15px; font-family: "Roboto", sans-serif; font-style: italic; font-size: 16px; box-sizing: border-box; }

.qr-code-template .section-team-contact form textarea::-webkit-input-placeholder, .qr-code-template .section-team-contact form input::-webkit-input-placeholder { color: #000; }

.qr-code-template .section-team-contact form textarea::-moz-placeholder, .qr-code-template .section-team-contact form input::-moz-placeholder { color: #000; }

.qr-code-template .section-team-contact form textarea:-ms-input-placeholder, .qr-code-template .section-team-contact form input:-ms-input-placeholder { color: #000; }

.qr-code-template .section-team-contact form textarea::-ms-input-placeholder, .qr-code-template .section-team-contact form input::-ms-input-placeholder { color: #000; }

.qr-code-template .section-team-contact form textarea::placeholder, .qr-code-template .section-team-contact form input::placeholder { color: #000; }

.qr-code-template .section-team-contact form ul { margin: 0; padding: 0; }

.qr-code-template .section-team-contact form ul li { list-style: none; margin: 0; padding: 0; }

.qr-code-template .section-team-contact form .hs_submit { margin-top: 0; }

.qr-code-template .section-team-contact form .hs_checkbox label input { width: 25px; display: inline-block; height: 18px; margin: 0px 0 5px 0; }

.qr-code-template .section-team-contact form .hs_checkbox label span { color: #fff; font-size: 17px; font-family: "Roboto", sans-serif; padding-left: 5px; }

.qr-code-template .section-team-contact form input[type="submit"] { margin-bottom: 0; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 26px; border: 4px solid #ffc800; color: #222; font-style: normal; text-decoration: none; display: inline-block; line-height: 1.0em; padding: 9px 100px 9px 70px; background-image: url("../../../../../../../../../../hubfs/2019/arrow.png"); background-repeat: no-repeat; background-color: #ffc800; background-position: right 60px center; background-size: auto 40%; width: auto; transition: 0.2s ease-in-out; }

.qr-code-template .section-team-contact form input[type="submit"]:hover { background-position: right 55px center; }

.banner-no-image { background: #575757; text-align: center; padding: 0; width: 100%; margin: 0 auto; box-sizing: border-box; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 200px; }

.banner-no-image h1 { width: 100%; margin: 0 auto; padding: 30px 20px 40px; color: #fff; text-shadow: 5px 5px 15px black; text-align: center; font-weight: 100; font-size: 48px; font-weight: 600; font-family: "Oswald", sans-serif; text-transform: uppercase; box-sizing: border-box; padding-top: 60px; transition: font-size 300ms ease; }

.banner-no-image #wrapper-intro-text { margin-top: 0; overflow: auto; height: 200px; }

.banner-no-image #wrapper-intro-text:before { content: none; }

@media only screen and (min-width: 767px) { .banner-no-image { min-height: 300px; } .banner-no-image #wrapper-intro-text { height: 300px; } .banner-no-image h1 { padding-top: 180px; } }

@media only screen and (min-width: 1230px) { .banner-no-image { min-height: 200px; } .banner-no-image #wrapper-intro-text { height: 200px; } .banner-no-image h1 { padding-top: 60px; font-size: 74px; } }




a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}


.blinking {
    color:#f1872f;
    animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

.blink_career{
   color:#f1872f; 
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.2;
  }
}

@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

p.wiggle {
 
  animation: wiggle 2.5s infinite;
  text-align: center;margin-top:100px;
}

p.wiggle:hover {
  animation: none;
  text-align: center;margin-top:100px;
}

.gsma{
font-size: 17px;color: #222222;
}

.art{
    text-align: center;
}
.certify_progress{
    color:#cb201f;
}




.certify{
  margin-bottom:400px;  
}

.foot{
    text-align:left;
}